vue-cli4从0开始搭建一个项目

前言：公司项目一直都是复制原来的框架修改后再加入新的业务逻辑，最近做了一个新的架构设计，所以自己尝试开始用vue-cli4从0到有开始搭建自己的项目

环境：（1）node 安装

（2）vue-cli安装

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装完成后，输入命令   vue -V

搭建项目：

（1）创建项目名称

vue create (project name)

（2）建议使用cnpm快速加载，输入Y表示使用，N表示不使用

（3）选取模式（分别介绍两种模式）

• default 默认配置         

这里我们选取default 2.0版本（为了兼容ie9以上）

可以快速生成一个新项目

生成完成，完成后的项目结构如下图，修改对应package的依赖即可正常使用

•   Manually select features 自定义配置  

自定义配置，空格是选中与取消，a是全选，选中后回车

选中vue的版本，为了兼容ie,我们选取vue 2.x版本

是否选取history模式，即带#，可输入Y或N

选取css处理器，这里我选取的是sass/scss(with node-sass)  node-sass自动编译实时的，dart-sass需要保存后才会生效

选取eslint代码校验规则，提供一个插件的js代码检测工具，我们选取最后一个，比较常用

设置代码校验的时候，一般选取第一个，保存时校验

设置配置的文件，In dedicated config files 存放到独立文件中，In package.json 存放到 package.json 中

是否保存本次的配置，一般选否，若选是，则需要输入名字，这里为了方便，我们输入N

然后就是自动构建项目，如下图即完成