使用Vite2搭建一个简单的Vue3项目

前提条件

搭建环境需要使用node，npm，还需要自己装vite环境，如果没有的去装一下
Node.js官网： http://nodejs.cn/
Vite官网：https://vitejs.cn/

创建命令及截图过程

进入你需要装项目的文件夹下，在路径位置输入cmd打开命令行

1、创建项目npm init vite yourProjectName

名称一般都是全小写

2、选择你要用的框架，这里我们选择vue

3、我没有用ts，这我依旧选的vue，之后可以根据个人爱好选择使用ts

创建成功后，你的文件夹中就有这个项目了

4、cd yourprojectname进入项目根目录

5、初始化项目npm install

6、打开VSCode（当然其他的软件也可以），点击文件，点击打开文件夹，选择刚刚建立的项目文件夹

7、此时项目文件内容为下图

8、使用npm run dev运行项目

能看到，本地localhost可以访问

9、但是Networker没有显示，这时，我们需要打开package.json文件，找到"dev": "vite"这行代码，在后面添加--host 0.0.0.0

10、再次重新运行npm run dev项目

11、使用浏览器访问http://localhost:3001/，出现下面这个就是成功了

后续需要eslint，router，vuex等其他的再添加
这里就创建了一个很轻量vue3框架