vue-cli的使用（模板自定义本地配置，eslint的配置）

Posted 2020-10-12 河泽而渔

1. vue-cli（脚手架工具：帮助开发者完成基本的代码编写）。

2. 功能：

   1. 目录结构

   2. 本地调试

   3. 代码部署

   4. 热加载

   5. 单元测试

3. 使用模板：

   vue init <template-name> <project-name>

   在当前目录下生成一个 <project-name>的目录。然后把模板目录下的template目录下的所有代码放到这个生成的目录下。

   1. 自定义github模板。我们可以搞自己的模板放到github上面 .

      vue init username/repo my-project

   2. 我们也可以使用本地pc上的模板。

      vue  init <pc上的文件路径>  <project-name>

4. 使用eslint（按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格）　　　　

   1. 配置文件 eslintrc.js.

   2. 配置示例：例如不想对单双引号限制、不想对末尾hub的分号限制。直接赋值为0.（避免验证过于严苛，大量报错，不利于开发，合适地定义规则是有必要的）

      "rules":{
        "quotes":0,
        "semi":0,
        "arrow-parens":0            
      }