Vue-cli vscode 的eslint自动格式化

作者: JennyGao66 | 来源:发表于2018-03-02 14:59 被阅读0次

VSCode Vue,HTML,JS按ESLint规则格式化和保
Vue Vue-cli Eslint 在vscode里代码自动格
eslint 自动格式化
eslint及Prettier - Code formatter
vscode格式化自动保存
vscode使用 typeScript 和格式化文档技巧
VSCode 设置vue 保存自动格式化代码
Vue-cli vscode 的eslint自动格式化
vscode 配合 eslint 自动格式化代码
eslint相关配置

安装插件

npm i -g eslint-plugin-vue

创建项目跟路径下的文件：.eslintrc | .eslint.js

//　添加插件
"plugins": [
    "vue"
]

在你的vscode设置文件里添加：

1、在vscode添加 eslint 插件
2、在vscode添加 vetur 插件
3、修改你的setting.json

// 添加进你的vscode的 setting.json

"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",{
        "language": "vue",
        "autoFix": true
    },"html",
    "vue"
],

转载文章
https://www.jianshu.com/p/69bfcb95b8d7

VSCode Vue,HTML,JS按ESLint规则格式化和保
本文只讨论如何在vscode 中自动格式化和保存前自动格式化遵循eslint，不包含eslint 的使用以及规则配...
Vue Vue-cli Eslint 在vscode里代码自动格
vue eslint 代码自动格式化 vue-cli 代码风格为 JavaScript Standard Styl...
eslint 自动格式化
eslint 自动格式化插件首先在vscode中下载 ESLint 插件，随后在setting中加入以下内容随...
eslint及Prettier - Code formatter
vscode 自动格式化设置，需要下载 eslint插件及Prettier - Code formatter 在s...
vscode格式化自动保存
如果你想快速配置自己的 vscode 支持保存自动格式化功能 ESLint Prettier - Code for...
vscode使用 typeScript 和格式化文档技巧
vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中...
VSCode 设置vue 保存自动格式化代码
设置保存自动格式化代码，开发效率大大提升！操作如下：安装VSCode eslint 插件如下配置 setti...
Vue-cli vscode 的eslint自动格式化
安装插件创建项目跟路径下的文件：.eslintrc | .eslint.js 在你的vscode设置文件里添加：...
vscode 配合 eslint 自动格式化代码
vscode 配合 eslint 自动格式化代码前言最近在主导开发一个新项目，公司要求用 vue 来开发，用 ...
eslint相关配置
结合eslint使用vscode 1、安装插件 ESlint vetur：可以格式化html、标准css（有分号 ...