vue-cli的使用(模板自定义本地配置,eslint的配置)

Posted 河泽而渔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli的使用(模板自定义本地配置,eslint的配置)相关的知识,希望对你有一定的参考价值。

  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            
      }

以上是关于vue-cli的使用(模板自定义本地配置,eslint的配置)的主要内容,如果未能解决你的问题,请参考以下文章

Vue-cli @4.0 通用项目模板

vue-cli -- 自定义配置全局组件

从 0 到 1 搭建 webpack2 + vue2 自定义模板详细教程

webpack 配置scssless全局样式(自定义的,vue-cli2/3)

如何在 Vue-CLI 3 中将预取和预加载资源插入到我的自定义 HTML 文件中?

vue-cli3.0 环境变量与模式