vue-cli的使用(模板自定义本地配置,eslint的配置)
Posted 河泽而渔
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli的使用(模板自定义本地配置,eslint的配置)相关的知识,希望对你有一定的参考价值。
-
vue-cli(脚手架工具:帮助开发者完成基本的代码编写)。
-
功能:
-
目录结构
-
本地调试
-
代码部署
-
热加载
-
单元测试
-
-
使用模板:
vue init <template-name> <project-name>
在当前目录下生成一个 <project-name>的目录。然后把模板目录下的template目录下的所有代码放到这个生成的目录下。
-
自定义github模板。我们可以搞自己的模板放到github上面 .
vue init username/repo my-project
-
我们也可以使用本地pc上的模板。
vue init <pc上的文件路径> <project-name>
-
-
使用eslint(按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格)
-
配置文件 eslintrc.js.
-
配置示例:例如不想对单双引号限制、不想对末尾hub的分号限制。直接赋值为0.(避免验证过于严苛,大量报错,不利于开发,合适地定义规则是有必要的)
"rules":{ "quotes":0, "semi":0, "arrow-parens":0 }
-
以上是关于vue-cli的使用(模板自定义本地配置,eslint的配置)的主要内容,如果未能解决你的问题,请参考以下文章
从 0 到 1 搭建 webpack2 + vue2 自定义模板详细教程
webpack 配置scssless全局样式(自定义的,vue-cli2/3)