vscode+eslint自動格式化vue代碼的方法
摘要:使用vscode開發vue項目的時候,爲了編碼格式的統一化,使用eslint規範進行格式化。此時通過eslint插件可以實現對vue代碼的自動格式化。
前言
使用vscode開發vue項目的時候,爲了編碼格式的統一化,使用eslint規範進行格式化。此時通過eslint插件可以實現對vue代碼的自動格式化。
使用方式
在vscode的插件模塊處,搜索eslint。找到下面的插件。
安裝完成後,進行配置。
file --> preferences --> setting
找到eslint。
打開setting.json。
在裏面配置如下代碼:
{ "eslint.options": { "extensions": [ ".js", ".vue" ] }, "eslint.validate": [ "javascript", { "language": "vue", "autoFix": true }, "html", "vue" ], "eslint.autoFixOnSave": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.codeAction.disableRuleComment": {}, "eslint.alwaysShowStatus": true, }
重啓後,修改代碼,當不符合es規範的時候,使用ctrl+s保存的時候,就自動修復了。