安装

1.卸载旧版本vue-cli

npm uninstall -g vue-cli

如果卸载有问题，检查C:\Users\用户\.npmrc文件，删除以下代码

cache=C:\Program Files\nodejs\node_cache
prefix=C:\Program Files\nodejs\node_global

2.安装新版本

node版本必须在10.0.0以上才支持

目前已更新到vue 4.0.5
npm install -g @vue/cli

 

搭建项目

1.切换淘宝镜像cnpm

nrm专门用来管理和快速切换npm源

npm install nrm -g --save    安装nrm
nrm ls    查看默认配置
nrm use cnpm    使用淘宝镜像

2.创建项目

vue create vue-test       //vue-test是项目名称

3.自定义配置

选择是否使用路由 history router，其实直白来说就是是否路径带 # 号，建议选择 N，否则服务器还要进行配置

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 中

本着项目结构简单的想法，我选择了第二个