簡単な説明:拡張機能を検索してVisualStudioコードエディターにインストールする方法を学びます。 GUIとコマンドラインの両方の方法について説明しました。
マイクロソフトの Visual Studio Code おそらくVimに次いで最も人気のあるオープンソースコードエディタです(もちろん)。
Visual Studio Codeは、IDEのような機能のほとんどすべてを提供することにより、驚くべき「すぐに使える」エクスペリエンスを提供します。 しかし、Visual StudioCodeで実行したいことが常にあります。 「反対側の芝生は常に緑がかっています。」
The Visual Studio Code Marketplace Visual StudioCodeの拡張機能が見つかる場所です。 Visual Studio Code Marketplaceで公開されている拡張機能は、公開される前にウイルスがスキャンされます。 したがって、これらの拡張機能は 信頼できる。
Visual StudioCodeに拡張機能をインストールする
拡張機能をインストールするためにMarketplaceWebサイトにアクセスする必要はありません。 エディター自体から直接拡張機能をインストールして管理できます。
Linuxまたは使用しているオペレーティングシステムにVisualStudioCodeがインストールされていることを願っています。
Visual Studio Codeを開き、左端にアクティビティバーがあります。 アクティビティバーの最後のボタンは[拡張機能]ボタンです。 それをクリックすると、Visual StudioCodeにインストールできる膨大な数の拡張機能が表示されます。
VSCodeの[拡張機能]タブへのアクセス
ショートカットキーの組み合わせを押すこともできます Ctrl + Shift + X
拡張機能のサイドペインを起動します。
拡張機能がインストールされていない場合は、Visual Studio CodeMarketplaceで利用できる最も人気のある拡張機能のリストが表示されます。 Visual StudioCodeにすでに必要な拡張機能があります。 そして、いつの日かあなたは拡張機能を発見し、それなしでどのように生きたか疑問に思うでしょう!
拡張機能を見つけて、エディターからインストールします(GUIメソッド)
今がそれを試す時です vim
Linuxの人々が話していること*ナッジナッジ*;)
冗談だ。 より初心者にやさしいものと、初心者があまり練習しなくても簡単に利用できるものをインストールしましょう。
クリック Visual Studio IntelliCode (#1)最も人気のある拡張機能のリストからの拡張機能。
Visual StudioIntelliCodeのような拡張機能をインストールする方法
をクリックするだけです インストール ボタン(#2)はインストールします Visual Studio IntelliCode 拡大。 この拡張機能は、コードを書いているときにAIで予測された提案を提供します。
インストールすると、この拡張機能を最大限に活用できるようになります。 好みのプログラミング言語でコードのブロックを入力してみて、提案されたAIオートコンプリートが機能していて、ワークフローの速度が低下していないかどうかを確認してください。
Visual StudioCodeでインストールされた拡張機能を管理する
インストールされている拡張機能のいずれかが気に入らない場合は、をクリックするだけです。 アンインストール ボタン(#2)を押して、不要な拡張機能を完全に削除します。
複数の拡張機能がインストールされていて、インストールされている拡張機能の1つが問題を引き起こしていると思われる場合、たとえば突然のクラッシュなど。 をクリックするだけで、1つ(または複数)の拡張機能を無効にすることができます。 無効にする ボタン(#1)を押して、拡張機能xが機能しているか、拡張機能yであるか、またはまったく異なるものであるかを確認します。
拡張機能の削除と再インストールには長い時間がかかることを考えると、複数の拡張機能をインストールしている場合は、拡張機能を無効にすると便利です。
別の方法:端末を使用して拡張機能をインストールする
端末自体からVisualStudio Code拡張機能をインストールできることをご存知ですか? さて、今あなたはそうします!
ターミナルから拡張機能をインストールするには、拡張機能の名前と発行元の名前を次の順序で知っている必要があります。 publisher.extension
。 のために example、以前と同じ拡張機能であるVisual Studio IntelliCodeをインストールする場合は、発行元名と拡張機能名は次のとおりです。 VisualStudioExptTeam.vscodeintellicode
。
拡張子のこの一意の識別子を見つけるには、まず、 Visual Studio CodeMarketplaceにアクセスします 選択したブラウザで。
Visual Studio CodeMarketplaceのスクリーンショット
次に、拡張機能を検索します。このチュートリアルでは、Visual StudioIntelliCodeのインストールに焦点を当てます。 次に、インストールする拡張機能のページを開きます。
Visual Studio IntelliCodeを検索し、拡張機能のWebページを開きます
拡張機能のWebページを開くと、コードブロックが表示されます。 以下の拡張機能のWebページのスクリーンショットでは、拡張機能の強調表示された一意の識別子が示されています。
拡張機能VisualStudioCodeの一意の識別子
インストールしたい拡張機能の一意のコードを入手したら– VisualStudioExptTeam.vscodeintellicode この場合、ターミナルで次のコマンドを実行して続行できます。
code --install-extension VisualStudioExptTeam.vscodeintellicode
GUIと同様に、コマンドラインインターフェイスを使用して、拡張機能をインストール、無効化、削除、および管理することもできます。
インストールしたすべての拡張機能のリストを表示する便利なフラグがあります。 これを行うには、次のコマンドを実行します。
code --list-extensions
単一の拡張機能を無効にするには、次のコマンドを実行します。
code --disable-extension <YOUR-EXTENSION-ID>
すべての拡張機能を無効にする場合は、次のコマンドを実行できます。
code --disable-extensions
上記のコマンドは無効になります 全て インストールされた拡張機能。 これは、拡張機能が問題を引き起こしているかどうか、またはVisual StudioCode自体であるかどうかを診断するのに役立ちます。
ここで、拡張子を完全に削除する場合は、次のコマンドを使用します。
code --uninstall-extension <YOUR-EXTENSION-ID>
結論
VSCode拡張機能をインストールするためにエディターを使用する方がはるかに簡単だと思います。 結局のところ、私がコーディングするエディターではまっすぐです。
Visual Studio Codeをいじくり回すのに慣れたら、この記事をチェックして、生産性をさらに高めるのに役立つVisual StudioCodeの便利なキーボードショートカットをいくつか紹介してください。
ハッピーコーディング、仲間の* nixユーザー! 🙂