1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > vscode自动格式化不符合eslint_VsCode(Visual Studio Code)格式化代码符合EsLint

vscode自动格式化不符合eslint_VsCode(Visual Studio Code)格式化代码符合EsLint

时间:2018-12-30 19:59:16

相关推荐

vscode自动格式化不符合eslint_VsCode(Visual Studio Code)格式化代码符合EsLint

利用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

},

],

备注:

成果展示:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。