エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【VSCode】拡張機能をチーム内で簡単に共有する【798日目】

拡張機能を共有したい

VSCodeをチームで使ってると、

『うちはLaravelの開発だから、これとこれとこれと、、、をインストールしてね!』

みたいなことがあると思います。
でも、名前をメモして、検索して、インストールは面倒。

もっと楽に共有したい。

.vscode/extension.json

.vscode/extension.json

ここにjson拡張機能を指定すると、拡張機能インストールの画面でレコメンドが出るので、
片っ端からインストールしていけばOK。
検索しないのはいいこと。

GitHubとかで管理すれば共有もあっという間ですね。

さて、これを作るの・・・面倒な気がする?

今あるプラグインを検索

であれば、今あるプラグインをリストにしましょう。

code --list-extensions

結果

abusaidm.html-snippets
bmewburn.vscode-intelephense-client
codingyu.laravel-goto-view
donjayamanne.githistory
eamodio.gitlens
ecmel.vscode-html-css
felixfbecker.php-debug
felixfbecker.php-intellisense
formulahendry.docker-explorer
GitHub.vscode-pull-request-github
HookyQR.beautify
kaiwood.indentation-level-movement
marabesi.php-import-checker
MehediDracula.php-namespace-resolver
mikestead.dotenv
mkaufman.HTMLHint
ms-azuretools.vscode-docker
MS-CEINTL.vscode-language-pack-ja
ms-python.python
neilbrayfield.php-docblocker
onecentlin.laravel-blade
onecentlin.laravel5-snippets
ryannaddy.laravel-artisan
sachittandukar.laravel-5-snippets
saikou9901.evilinspector
shardulm94.trailing-spaces
stef-k.laravel-goto-controller
streetsidesoftware.code-spell-checker
Zignd.html-css-class-completion

こうすると、該当プラグインが一覧で出ます。
それをextension.jsonに移せばOK。

例) 私がLaravel開発で使っているプラグイン

いつかGitHubで管理したい。

{
    // See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
    // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
    // List of extensions which should be recommended for users of this workspace.
    "recommendations": [
        "abusaidm.html-snippets",
        "bmewburn.vscode-intelephense-client",
        "codingyu.laravel-goto-view",
        "donjayamanne.githistory",
        "eamodio.gitlens",
        "ecmel.vscode-html-css",
        "formulahendry.docker-explorer",
        "GitHub.vscode-pull-request-github",
        "kaiwood.indentation-level-movement",
        "marabesi.php-import-checker",
        "MehediDracula.php-namespace-resolver",
        "mikestead.dotenv",
        "mkaufman.HTMLHint",
        "ms-azuretools.vscode-docker",
        "MS-CEINTL.vscode-language-pack-ja",
        "neilbrayfield.php-docblocker",
        "onecentlin.laravel-blade",
        "onecentlin.laravel5-snippets",
        "ryannaddy.laravel-artisan",
        "saikou9901.evilinspector",
        "shardulm94.trailing-spaces",
        "stef-k.laravel-goto-controller",
        "streetsidesoftware.code-spell-checker",
        "Zignd.html-css-class-completion"
    ],
    // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
    "unwantedRecommendations": [
    ]
}