首页 > 其他 > 详细

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

时间:2017-10-26 21:31:15      阅读:368      评论:0      收藏:0      [点我收藏+]
  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的配置)

原文:http://www.cnblogs.com/hajerbin/p/7739403.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!