vue取消eslint规范,vue项目配置eslint
本文主要介绍了eslint和editorconfig在Vue中的使用，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
使用eslint的好处通过使用eslint和editorconfig安装eslint文件配置指令启动命令配置自动检查语法配置添加editorconfigvue editorconfig编辑器配置指令什么是editorconfig什么是？使用editorconfig示例检查它是否工作。Editorconfig插件
使用eslint和editorconfig方式
使用eslint的好处
1.避免运行时由于格式问题而报告错误。
2.便于团队协作，代码风格统一。
安装eslint
命令行执行：
国家预防机制一
eslint eslint-配置-标准
eslint-插件-标准
eslint-插件-承诺
eslint-插件-导入
eslint-插件-节点
eslint-plugin-html -D
eslint-plugin-html插件识别html文件中Script标记中的JavaScript。
文件配置说明
创建新的。项目目录中的eslintrc文件：
{
扩展:标准，
插件:[
html
],
规则:{
“无-新”:“关闭”
}
}
启动命令配置
在package.json的脚本中，添加：
lint: eslint - ext。js - ext。jsx - ext。vue客户端/，
lint-fix: eslint - fix - ext。js - ext。jsx - ext。vue客户端/
Client/是要检查的文件夹。
执行：
mru lint//语法检查
nprunlint-fix//自动修复语法检查中的问题。
自动检查语法配置
命令行执行：
装载器
然后在。eslintrc文件：
{
扩展:标准，
插件:[
html
],
解析器: babel-eslint ，
规则:{
“无-新”:“关闭”
}
}
在webpack配置文件的module.rules中添加以下内容：
{
测试：/\。(vuejsjsx)$/，
加载程序： eslint-loader ，
排除：/node_modules/，
Enforce: pre //预处理
},
添加editorconfig
创建新的。项目目录中的editorconfig文件：
root=true
[*]
charset=utf-8
行尾=lf
indent_size=2
缩进样式=空间
insert_final_newline=true
trim_trailing_whitespace=true
vue editorconfig编辑器配置说明
editorconfig是什么，有什么用
Editorconfig是定义编码风格的配置文件，有助于在多人协作项目或不同编辑器下保持代码风格的统一。
editorconfig示例
# http://editorconfig.org(编辑器配置的官方网站)
#控制EditorConfig约定的范围
root=true
#匹配所有文件
[*]
#设置字符集
charset=utf-8
#缩进样式可以从“空格”和“制表符”中选择
缩进样式=空间
#缩进大小可以是数字(空格数)，制表符(如果没有设置制表符大小，按编辑器的默认制表符大小)
indent_size=2
#标签宽度
tab_width=4
#结束换行符，可选 lf ， cr ， crlf
行尾=lf
#在文件末尾插入一个空行
insert_final_newline=true
#删除行尾的空格
trim_trailing_whitespace=true
#匹配文件的结尾。爪哇岛
[*.java]
#匹配. md结尾的文件。
[*.md]
trim_trailing_whitespace=false
Root=true控制EditorConfig约定的范围。Visual Studio将查找名为。打开文件的目录和每个父目录中的editorconfig。当到达根文件路径或。找到root=true的editorconfig文件。
检查是否生效
用tab键缩进项目的js文件，将indent_size属性的值分别改为2和4，看看有没有变化。
如果没有变化，说明Editorconfig插件没有安装。
Editorconfig 插件
这个插件的功能是告诉开发工具，比如Webstorm，自动读取。项目根目录下的editorconfig配置文件。如果没有安装这个插件，只有一个配置文件不会生效。
该插件在WebStorm 2017.1版之后自动安装。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。