1.安装node.js(node.js下载地址)
2. 全局安装vue-cli最新版本
npm install -g @vue/cli
安装成功后,可以通过 vue -V 查看下载的@vue/cli版本号。我使用的是@vue/cli 5.0.4
3.创建项目
vue create <project name>
之后开始进行一系列的配置选择,具体操作如下:
4.一般选择Manually select features: 自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包
5.根据自己的需求添加配置项(上下是切换配置项,通过空格键选中配置项),选择完以后按enter。如果想要模板简洁,可以不添加Linter/Formatter和Unit Testing
6. 选择3.X,按下enter
7. Use class-style component syntax 是否选择class风格的component -> n
8. 选择TypeScript处理工具,css预处理器, 选择eslint对代码进行检测
9. eslint检测时机,在保存时检测
10. 单元测试可选择Jest
11. 配置文件的选择
12. 配置是否形成预设,这里选择否
选择好后,vue就根据配置项创建项目。