vue-cli4.x创建vue2项目

安装与卸载

3.0以上版本使用 @vue/cli 安装最新版

npm install @vue/cli -g

卸载 @vue/cli

npm uninstall @vue/cli -g

命令行执行 vue 命令，展示所有可用命令的帮助信息

命令行执行 vue --version 或 vue -V 命令，查看当前版本

如需升级全局的 Vue CLI 包，请运行

npm update @vue/cli -g

创建项目

vue create project-name

第一个是包含基本的 Babel + ESLint 设置的vue2项目
第二个是包含基本的 Babel + ESLint 设置的vue3项目
第三个为手动选择特性
默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，这里选择手动配置

选择配置

通过↑ ↓箭头选择你要配置的项，按 空格 是选中，按 a 是全选，按 i 是反选。

Choose Vue version // 选择Vue版本(vue2、vue3)
Babel // 转码器，可以将ES6代码转为ES5代码
TypeScript //J S类型的超集，可以编译成纯JS
Progressive Web App (PWA) Support // 渐进式Web应用程序
Router // vue路由
Vuex // vue的状态管理模式
CSS Pre-processors // CSS 预处理器（如：less、sass）
Linter / Formatter // 代码风格检查和格式化（如：ESlint）
Unit Testing // 单元测试（unit tests）
E2E Testing // e2e（end to end） 测试

选择是否使用history router

有需要可以使用，后期也可以开启，这里选n

选择css预处理器

node-sass因为国情原因经常装不上，这里果断选择dart-sass，推荐dart-sass性能更好，也是sass官方使用的

如何存放配置

In dedicated config files 存放在独立文件
In package.json 存放在package.json

我这里选存放在package.json中，存放在独立文件中会生成相关文件，如ESLint会生成.eslintrc.js文件

是否保存当前配置

输入N不记录，输入Y保存需要输入保存名字

等待创建项目

运行项目并访问

一个通过vue-cli搭建的基本项目完成了