vite创建vue3项目

170 阅读1分钟

初始化项目

此处使用npm,可到vite官网查看其他方式(yarn、pbpm、bun)

# 创建项目
npm create vite@latest

1、设置项目名称 image.png

2、选择项目框架

image.png

3、项目语言(此处暂不使用typescript)

image.png

4、项目初始化完毕

image.png

5、项目依赖安装

image.png

6、项目运行

npm run dev

正常运行: image.png

如果想要让项目让同一局域网的其他人也可访问,可配置vite.config.js中server配置项: image.png

开启共同访问: image.png

手机端也可访问了(需要在同一局域网下,我是连的同一个wifi): image.png

7、浏览器打开

image.png

项目结构

image.png

[最好使用新版本node,当前我用的16版本node,创建的时候警告了,然后重新创建了一个,哈哈哈] image.png