ホームページ  >  記事  >  開発ツール  >  VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

青灯夜游
青灯夜游転載
2021-06-22 11:28:292801ブラウズ

この記事では、中国人の開発効率を大幅に向上させる超実用的な VSCode プラグインをおすすめします。一定の参考値があるので、困っている友達が参考になれば幸いです。

VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

英語が苦手な学生の多くは、コーディングの際に理解できない単語に遭遇したり、フレームワークのインターフェースを忘れてしまうことが多いと思います。オンラインでドキュメントを読んだり、オンラインで質問したり、他のプロジェクトの例を参照したりする必要がある場合、以前にこの種の問題に遭遇したことがあれば、この VS Code プラグインが大いに役立つと思います。コード内のタスクを実行するため、オンライン/オフライン検索、または翻訳が可能です。

[推奨学習:「vscode チュートリアル 」]

使用方法

簡単な使用プロセスを紹介します。# を検索できます。 ##VS Code で Hero を検索/翻訳し、クリックしてインストールします。ここからダウンロードすることもできます:

    https://marketplace.visualstudio.com/items?itemName=Wscats .search

VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

国内の Hbuider エディタを使用している場合は、ここをクリックしてダウンロードできます:

    https :// ext.dcloud.net.cn/plugin?id=3557

Search

まず第一に、最も重要な機能は検索です。 , 私たちは毎日コードを書くときに検索と切っても切れない関係にあります。コードを書く過程で理解できないライブラリ (

require('react') など) に遭遇した場合は、それを編集できます。ブラウザで、コード内の対応するキーワード react を選択し、マウスを右クリックして、表示されるメニュー パネルで Search Online メニュー項目を選択します。デフォルトのブラウザが自動的に開き、対応するキーワードを検索して検索結果を表示します。

もちろん、対応するキーワードを選択し、ショートカット キー

cmd enter(mac) / ctrl enter(win) を使用してブラウザを開いて検索することもできます。 . 毎回ブラウザに画面を切り替えて検索URLを入力し、キーワードを入力して検索する必要がなくなり、より効率的になります。

2-VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

翻訳

英語が苦手な学生に朗報です。エディターで、コード内の対応するキーワードを選択し、マウスを右クリックして、表示されるメニュー パネルで

Traslate Online メニュー項目を選択します。プラグインは自動的にデフォルトのブラウザで「Google 翻訳」と入力し、検索し、該当するキーワードの翻訳結果を検索します。

同様に、対応するキーワードを選択し、ショートカット キー

cmd SHIFT Enter(MAC) / CTRL SHIFT Enter(WIN) を使用して、翻訳用のブラウザを開くこともできます。

3-VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

オフライン英中辞典プラグインで提供されるオフライン辞書ライブラリもここで使用されるため、オフライン辞書の検索がサポートされています。操作は、コード内のキーワードを選択すると、下部バーの右下に翻訳結果が表示されます。簡単な翻訳であれば、Baidu や Google 翻訳と頻繁に相談する必要はありません。結果は、次の場所に表示されます。より詳細な翻訳結果を表示したい場合は、下部バーの右下隅にある中国語の翻訳結果をクリックすると、デフォルトのブラウザが開き、オンライン翻訳が表示されます。

VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

検索エンジンの切り替え

その他の特別なニーズがある場合は、[編集 #] をクリックして、別の検索エンジンに切り替えることができます。ブラウザの下部バーの右側にある ##検索エンジン

をクリックし、ポップアップ ウィンドウのオプションで必要な検索エンジンを選択して切り替えることができます。

5-VSCodeの開発効率を向上させる超実践的なプラグイン(共有)右クリック メニュー バーの

エンジン切り替えによるオンライン検索

メニュー項目を選択して、対応する検索エンジンに直接切り替えて検索することもできます。 。

6-VSCodeの開発効率を向上させる超実践的なプラグイン(共有)デフォルトの検索エンジン アドレスがニーズを満たせない場合は、検索エンジン アドレスを手動で更新し、プラグインの

拡張機能設定

を入力できます。設定できます。

VSCodeの開発効率を向上させる超実践的なプラグイン(共有)各検索エンジンのデフォルトのアドレス形式は次のとおりです。

注:
%SELECTION%

を使用して置き換えます。検索エンジンの選択キーワード

#エンジンURL##GoogleBing#www.github.com/search?q=%S…##BaiduNpmYahooたとえば、ふん、search-online.search-engine# の構成を変更するなど、.vscode/setting.json
# www.google.com/search?q=%S…
www.bing.com/search?q=% S … #Github
www.baidu.com/search?q=%S…
www.npmjs.com/search?q=%S…
search.yahoo.com/search?p = %S…
##Wiki wikipedia.org/wiki/%SELECT…
Duck duckduckgo.com/?q=%SELECTI…
コード ペン codepen .io /search/pens…
コードサンドボックス codesandbox.io/search?quer…
色网站の検索エンジンを入力し、コードを入力することでいつでも賢者モードの波に入ることができます(手動で面白い)。
ファイルを変更してデフォルトの検索エンジンを設定することもできます。 ## パラメーターが

Bing の場合、検索のデフォルトの検索エンジンとして Bing

を使用できます。

{
  "search-online.search-engine": "Bing"
}
追加の検索エンジンは、.vscode/setting.json ファイルの search-online.add-search-engine 構成パラメーターを変更することで追加できます。
{
  "search-online.add-search-engine": [
    {
      "name": "Visual Studio Marketplace",
      "url": "https://marketplace.visualstudio.com/search?term=%SELECTION%&target=VSCode"
    },
    {
      "name": "Pypi",
      "url": "https://pypi.org/search/?q=%SELECTION%"
    }
  ]
}
上記の操作が面倒な場合は、ビジュアル インターフェイスから検索エンジンを追加することもできます。パネルの下部にある ➕ 検索エンジンの追加

をクリックしてエンジンを切り替えます。表示されます。 2 つの入力ボックスにそれぞれ次の内容を入力して、検索エンジンを追加します↓

name: Visual Studio Marketplace

url: https: //marketplace.visualstudio.com/search?term=%SELECTION%&target=VSCode

これらを使用すると、ワンクリックで Github 上の関連コードを検索できます, in Search関連ツールライブラリをNpmで検索し、専門用語をWikiで検索し、秘密をDuck Duck Goに残して、いくつかの小さなコードをCode Penに貼り付けてください. 一言で言えば、それは理不尽で道徳的誠実性がありません。

翻訳エンジンの切り替え

通常、翻訳する必要がある言語は設定パネルで変更できます。デフォルト設定では英語から中国語に翻訳されます。 VSCodeの開発効率を向上させる超実践的なプラグイン(共有)

ただし、2 番目の一般的な状況 (ロシア人によって書かれたコードやコメントに遭遇し、それらを翻訳したい場合など) が発生した場合は、翻訳エンジンをロシア語に切り替えることができます。中国語設定に翻訳します, ここでは世界中のほとんどの言語のオンライン翻訳をサポートしています. Google 翻訳は良いことです. Baidu 翻訳エンジンのサポートは将来追加される予定です. 貢献してください~もっと見るプログラミング関連の知識については、

プログラミング教育

をご覧ください。 !

以上がVSCodeの開発効率を向上させる超実践的なプラグイン(共有)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。