快速搭建vue-cli4.0项目

1. 安装npm

因为 vue-cli3.0 要 nodeJs ≧ 8.9（官方推荐 8.11.0+），所以我们先去https://nodejs.org/zh-cn/下载 一个稳定的新版本覆盖本地版本

2. 卸载旧版本的vue-cli(之前安装过低版本) 或者 安装vue-cli

卸载：npm uninstall -g vue-cli
重新安装：npm install -g @vue/cli

安装完成之后可以使用 vue -V 指令 查看版本

3. 搭建项目

使用 vue create 文件名 指令开始创建项目

4. 项目配置

• jiao-config 选项是我之前创建好的配置(忽略)
• Default ([vue 2]…) 选择vue2.0版本的默认配置
• Default ([vue 3]…) 选择vue3.0版本的默认配置
• Manually select features 是自定义配置

使用空格选择想要的配置(具体看个人喜好)，选择好了回车

选择想要的版本

是否使用路由 history router，是否路径带 # 号

css 的预处理器我选择的是 Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的，dart-sass需要保存后才会生效

ESLint 代码校验规则，提供一个插件化的javascript代码检测工具，ESLint + Prettier 使用较多

什么时候进行代码校验，Lint on save 保存就检查，Lint and fix on commit fix 或者 commit 的时候检查，建议第一个

存放配置：In dedicated config files 存放到独立文件中，In package.json 存放到 package.json 中(我使用的是第二个)

是否保存本次的配置 => Y 保存 N 不保存


等待项目创建完成

5. 运行项目

1. 首先进入到创建好的文件中 cd tabbar
2. 运行指令 npm run serve
   
   

项目的搭建在这就已经完成了，希望能帮助大家！