Vue中怎么使用eslint和editorconfig
导读:本文共2009字符,通常情况下阅读需要7分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 使用eslint和editorconfig方式使用eslint的好处1、避免运行时因格式问题报错2、方便团队合作,代码风格统一安装eslint命令行执行:npmieslinteslint-config-standardeslint-plugin-standardeslint-plugin-promiseeslint-plugin-importeslin... ...
目录
(为您整理了一些要点),点击可以直达。1、避免运行时因格式问题报错
2、方便团队合作,代码风格统一
命令行执行:
eslint-plugin-html插件识别html文件中的script标签里面的JavaScript
在项目目录新建.eslintrc文件:
在package.json的scripts中加入:
client/ 为要检查的文件夹
执行:
命令行执行:
然后在.eslintrc文件中添加"parser": "babel-eslint":
在webpack的配置文件的module.rules中加入:
在项目目录新建.editorconfig文件:
editorconfig是定义编码样式的配置文件,帮助多人合作项目或者不同编辑器下保持代码风格统一。
root=true 控制 EditorConfig 约定的范围 , Visual Studio 会在打开的文件的目录和每个父目录中查找名为 .editorconfig 的文件。 到达根文件路径时或找到具有 root=true 的 .editorconfig 文件时搜索结束。
在项目的 js 文件中使用 tab 键进行缩进,分别修改 indent_size 属性值为 2 和 4,观察是否有变化。
如果没有任何变化,说明还没有安装 Editorconfig 插件。
该插件的作用是告诉开发工具,如 Webstorm 自动去读取项目根目录下的 .editorconfig 配置文件,如果没有安装这个插件,光有一个配置文件是无法生效的。
Webstorm 2017.1 版本之后都是自动安装这个插件的。
Vue中怎么使用eslint和editorconfig的详细内容,希望对您有所帮助,信息来源于网络。