1.首先找到你想创建文件夹的位置
本文选择的是 D盘 code文件夹下:
2. cmd enter进去 打开小黑窗
3. 输入vue create 项目名称
enter 创建项目
4. 选择预设 通过上下键调整
- 第一个是我之前自己定义的模板,大家后面也可以手动设置
- 第二个则是 默认 vue2.x 项目,babel 和 eslint 是必选的
- 第三个则是 默认 vue3.x 项目,babel 和 eslint 也是必选的
- 第四个则是 手动选择要安装哪些功能
建议大家手动配置,本文选择手动配置
5. 选择自己要安装的配置 通过空格键
来选择 - 第一项 选择 vue 版本,后面会提示
- 第二项 babel 必须要有的,用来解决 js 兼容性
- 第三项 typescript ,微软的脚本语言,比 js 更强大一点
- 第四项 渐进式web框架
- 第五项 路由,前期不用,后期必用
- 第六项 vuex,前期不用,后期必用
- 第七项 css 预处理器,选择后会自动安装 less
- 第八项 约束团队代码风格的,也称为严格模式
- 第九项 单元测试
- 第十项 E2E测试
本文选择的是第 1、2、7 项
6.选择 vue 版本
本文选择的是 2.x
7. 勾选 less
本文选择 less ,其它没学过
8. 选择配置文件分开 还是放到 package.json 下
注意:建议把 Babel、Eslint 等插件的配置项,放到自己独立的配置文件中
本文选择第一项,建议选择第一项,千万不要选错
9. 是否将刚才的配置 当作一个模板
这个选不选都 ok ,问题不大
10. 项目创建 完毕
注意:项目创建过程中,鼠标不要点击小黑窗,否则项目会 冻结,可以通过 enter 解冻。