技術ブログ

(技術系中心)基本自分用備忘録なので、あくまで参考程度でお願いします。

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

ES6用のスニペットを提供してくれる拡張機能

JavaScript (ES6) code snippets - Visual Studio Marketplace

8. Material Icon Theme

Material Icon Themeを設定するとフォルダにもアイコンが表示されるようになります。

Material Icon Theme - Visual Studio Marketplace