Vue3を開発する時のVsCodeのおすすめプラグイン設定
Vue3を開発する時のVsCodeのおすすめプラグイン設定
おすすめ拡張機能紹介
1. Volar
Volar は Vue.js の開発をサポートする VS Code の拡張機能です。.vue ファイルのシンタックスハイライトやインテリセンスによる補完ができるようになります。詳細は、Volar の GitHub リポジトリ (opens new window)を参照してください。
GitHub - johnsoncodehk/volar: ⚡ Explore high-performance tooling for Vue
2. Vue3 snippest
スニペットを使用する機能を提供してくれます
Vue 3 Snippets - Visual Studio Marketplace
3. Vue Peek
選択したコンポーネントがどこで定義しているか表示してくれる
Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能 – Webrandum
4. Prettier
バラバラに書かれたコードを、自動的に綺麗にしてくれます。
【自動整形】VSCodeでPrettierを使う方法【設定必要です】 | RalaCode
5.Auto Rename Tag
開始タグを修正すると自動で閉じタグも修正してくれる拡張機能「
Visual Studio Codeで開始タグを修正すると自動で閉じタグも修正してくれる拡張機能「Auto Rename Tag」 – Webrandum
7. JavaScript (ES6) code snippets
JavaScript (ES6) code snippets - Visual Studio Marketplace
8. Material Icon Theme
Material Icon Themeを設定するとフォルダにもアイコンが表示されるようになります。