【VS Code】おすすめ拡張機能プラグイン
2025.07.07
【おすすめ】拡張機能プラグイン
・Auto Rename Tag
・Japanese Language Pack for Visual
・PHP Intelephense
・Prettier – Code formatter
・HTML CSS Support
・HTMLHint
・indent-rainbow
・Live Sass Compiler
・Live Server
・Path Autocomplete
【準おすすめ】拡張機能プラグイン
・Trailing Spaces
・Autoprefixer
・zenkaku
settings.json
{
/* ---------- Prettier - Code formatter ---------- */
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.codeActionsOnSave": {
},
/* ---------- Live Sass Compiler ---------- */
"liveSassCompile.settings.autoprefix": [
"> 10%" /* シェア10%以上 */,
"last 2 versions" /* ブラウザ・最新2バージョン */
],
"liveSassCompile.settings.includeItems": [
"/style.scss" /* 指定したファイルのみコンパイル対象 */
],
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../" /* 一つ上の階層を設定 */,
"savePathReplacementPairs": null
}
],
"liveSassCompile.settings.watchOnLaunch": true
}