1. 程式人生 > 實用技巧 >VScode 最新eslint設定

VScode 最新eslint設定

安裝外掛

1)ESlint:javascript程式碼檢測工具,可以配置每次儲存時格式化js,但每次儲存只格式化一點點,你得連續按住Ctrl+S好幾次,才格式化好,自行體會~~
2)vetur:可以格式化html、標準css(有分號 、大括號的那種)、標準js(有分號 、雙引號的那種)、vue檔案

3)Prettier - Code formatter:只關注格式化,並不具有eslint檢查語法等能力,只關心格式化檔案(最大長度、混合標籤和空格、引用樣式等),包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown

新增以下程式碼到setting.json

{ "[vue]":{ "editor.defaultFormatter":"esbenp.prettier-vscode" }, //#每次儲存的時候將程式碼按eslint格式進行修復,儲存自動格式化一定要刪除"editor.formatOnSave": true, "editor.codeActionsOnSave":{ "source.fixAll.eslint":true }, }