vue3.x专题九 ---- 创建vue3项目的两种方式

今天在这里总结一下vue3.x的两种创建方式：

一、通过vite工具创建（vite工具一般安装node后自带）:

vite介绍：

1. 它是一个更加轻量（热更新速度快，打包构建速度快）的vue项目脚手架工具。
2. 相对于vue-cli它默认安装的插件非常少，随着开发过程依赖增多，需要自己额外配置。

vite基本使用：

1. 命令行创建项目： npm init vite-app 项目名称 或者 yarn create vite-app 项目名称
2. cd切换到项目目录后安装依赖 npm i 或者 yarn
3. 启动项目 npm run dev 或者 yarn dev

二、通过vue-cli创建一个vue3.x项目（需要安装vue-cli，安装命令：npm install -g @vue/cli）

1. 打开命令行窗口
2. 通过“vue create 项目名称”创建
3. 选择自定义创建    Manually select features
4. 选中vue-router,vuex,css Pre-processors等选项，此处可以看需求自己选择（按空格键选择，按上下键移动，回车键确认）
5. 在第4步按了回车键后，选择vue3.x版本
6. 选择hash模式的路由  ,输入你（此处看自己选择）
7. 选择less作为预处理器（此处根据需要看自己选择）
8. 选择 ESLint + Standard config 标准代码风格
9. 保存代码校验代码风格，代码提交时候校验代码风格（Lint and fix on commit）
10. 依赖插件或者工具的配置文件分文件保存(选第一个)
11. 是否记录以上操作，选择否（输入N）
12. 等待安装
13. 切换到项目目录，运行 npm run serve 启动项目

上述都必须安装node.js和npm，且安装相应工具包的情况下才能使用

觉得有用的请点站评论收藏吧