使用脚手架搭建vue2项目
- 全局安装脚手架：npm i @vue/cli -g
- 检查是否安装成功：vue -v
3. 创建项目：vue create myproject
- 注意项目名称不能包含大写字母
- default: 默认勾选babel,eslint,回车之后直接进入装包
- manually: 自定义勾选特性配置，选择完毕后，才会进入装包
（1）勾选自定义特性
- Bable: es6->es5
- Router:路由
- Vuex:数据容器
- Css Pre-processors: css预处理器，后面会让我们选择less,sass,stylus
- Linter/Formatter: 代码格式校验
（2）选择vue版本
（3）选择路由模式
（4）选择css预处理器
（5）选择校验工具
（6）选择什么时机触发代码格式校验
- lint on save: 每当保存文件时
- lint and fix on commit: 每当执行git commit时
- 两种都选上
（7）babel,eslint等工具的配置文件写在哪里
- in dedicated config files: 分别保存到单独的配置文件
- in package.json: 保存到package.json文件中
（8） 是否帮忙记住上面的一系列选择
（9）因为本人安装了yarn和npm包管理工具，所以需要进行选择
（10）安装完成后，使用 cd myproject进入安装好的项目目录
（11）使用 npm run serve启动项目
vue3项目的搭建的三种方式
- 使用脚手架
- 具体步骤和搭建vue2项目一样，就是（2）步选择3.x即可
- 使用vite，参考vite官方文档
- npm create vite@latest 项目名 --template vue
- 选择vue模板，vite会默认创建vue3项目
- 注意：使用vite创建项目时，对node的版本有要求，要求是14.18+,16+
- vite提供的模板有很多种，可以自行选择
- vue, vue-ts
- react,react-ts
- 使用create-vue创建vue3项目
- npm create vue@latest
- 可自行参考vue3官方文档,由于本人node版本有点低，就不演示了
