Vue-cli创建项目

1、安装cli

1. 需要部署Node环境 http://nodejs.cn/download/下载mac版本的node

2. 安装完node之后执行 npm install -g @vue/cli安装cli

3. npm安装时出现idealTree:lib: sill idealTree buildDeps

   解决办法：

   • 采用镜像安装，npm config set registry https://registry.npm.taobao.org
   • 查看镜像是否安装，npm config get registry -->

4. 完成后继续执行 npm install -g @vue/cli

5. 完成后继续报错，再执行sudo npm install -g @vue/cli

6. which node查看node的安装路径 /usr/local/bin/node

2、创建项目

1 、vue create ‘项目名称’，回车

有两个默认配置，下面是手动的，我们选择手动的，界面如下

Babel：可以把es6转成es5

Pwa：单独支持谷歌的一种形式，一般不用

Router：路由

Linter/formatter：代码规范

选择下面这个可以自动修复

3、项目结构

可以通过修改package.json中的scripts，增加start，启动的时候可以执行vue start 来 启动

启动：右键package.json文件，选择在集成终端中打开，运行npm start启动

项目格式化/纠错中书写代码首先=之后需要空格，用单引号等等，但是我们可以用下面 几种方式 执行

1、npm run lint ，终端执行npm run lint

2、插件

我这里的不是文件，而是code=》首选项=》设置=》

3、通过设置vue.config.js文件

我理想的是不要上面的一和二方案，因为1的话每次需要run lint要不就报错

2的话每一次报错都会纠正，所以方案3，我设置之后不会每次报错都纠错，同时他也 不报错，最终需要的时候再执行mpn run lint

具体操作如下

首先禁用ESLint插件

其次打开vue.config.js文件，修改如下，终端ctl+c清除，重新执行npm start