VsCode(Visual Studio Code)格式化代码符合EsLint
2019-05-09 14:56
1876 查看
版权声明:顾昀峰 https://blog.csdn.net/qq_42852004/article/details/90034678
利用Visual Studio Code ESlint插件,实现自动格式化代码
步骤一:安装ESlint插件=>点击Extensions或者Ctrl+Shift+X=>搜索ESlint=>install EsLint
步骤二: 重启VsCode, 发现代码提示报错,代码不符合规范
步骤三:鼠标hover在报错的地方,会出现Quick Fix…,点击或者选择这条报错代码Ctrl+.(注意只能使用英文输入法)
步骤四:选择Fix
拓展如何让Vscode 自动格式化代码符合EsLint格式
步骤一:找到VsCode 的Settings.json文件并打开
windows 系统:
File =>Preferences=>settings=>using Setting =>Text Editor=>Edit in settings.json=>打开settings.json 文件
步骤二:把下面的代码写入到Setting.json中
"eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [ "javascript", // 用eslint的规则检测js文件 { "language": "vue", // 检测vue文件 "autoFix": true // 为vue文件开启保存自动修复的功能 }, { "language": "html", "autoFix": true }, ],
备注:
成果展示:
相关文章推荐
- Vue-cli Eslint在vscode里代码自动格式化的方法
- VScode代码格式化后不符合ESLint风格问题处理
- 挖坑指南:ESLint + VS Code自动格式化代码
- 使用vs(visual studio code)写python代码遇到的import requests失败问题
- Mac上的VSCode中格式化代码报错
- windows下用visual studio code 调试go代码
- VSCode使用之Vue工程配置eslint
- vscode: Visual Studio Code 常用快捷键
- VS Code .vue文件代码缩进以及格式化代码
- Visual Studio Code (vscode)创建Node.js+Express+handlebars项目——handlebars页面模板
- Visual Studio Code (vscode)创建Node.js+Express+handlebars项目--连接数据库ORM模块sequelize
- Visual Studio Code (vscode) 快捷键使用
- Visual Studio Code(vscode) git的使用
- Visual Studio Code编写C/C++代码常见问题
- vscode: Visual Studio Code 常用快捷键(二)
- Microsoft Pre-release Software Visual Studio Code Name "Orcas" - VS 2007
- VS2013 代码先行迁移,报:未能加载文件或程序集 Microsoft.VisualStudio.Shell, Version=10.0.0.0
- 详解如何在vue项目中使用eslint+prettier格式化代码
- 详解VS Code使用之Vue工程配置format代码格式化
- 在 Mac 下配置 Visual Studio Code 为 Unity 代码编辑器