VSCodeの環境を整える - Web徒然なるままに

インストールしたら
拡張機能で以下を追加する。

・ESLint (.js.vueのコードを整形)

settings.jsonnに以下を追加

"eslint.enable": true,	
"javascript.format.enable": false

・stylelint　（.scssを整形）

settings.jsonnに以下を追加	
"css.validate": false,	
"scss.validate": false,	
"stylelint.autoFixOnSave": true,	
"[css]": {	
    "editor.formatOnSave": false	
},	
"[scss]": {	
    "editor.formatOnSave": false	
},

・stylelint-plus 自動修正、エラー表示

・Code Spell Checker　　スペルチェック
・Auto Rename Tag　閉じタグを同時編集してくれる
・SCSS IntelliSense　scssの定義箇所を表示
・Vetur　vueファイルのシンタックス等を表示
・Vue Peek　vueのコンポーネント等へ移動が可能になる