開発効率を向上させる VSCode プラグイン (強くお勧めします!)

関連する推奨事項: 「vscode チュートリアル 」

英語が苦手な学生の多くは、コーディング時に問題に遭遇することが多いと思います。多くの学生は、プロジェクトを作成するときにフレームワークのインターフェイスを忘れていると考えています。オンラインでドキュメントを読み、オンラインでヘルプを求め、他のプロジェクトの例を参照する必要があります。以前にそのような問題に遭遇したことがあれば、私はこの VS Code プラグを信じます-in. コード内でオンライン/オフラインで検索したり、翻訳したりできるので、非常に役立ちます。

使い方

簡単な使用手順を紹介すると、VS Code で Search/Translate Hero を検索し、クリックします。インストールするには、ここからダウンロードすることもできます:

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

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

• https://ext.dcloud.net.cn/plugin?id=355開発効率を向上させる VSCode プラグイン (強くお勧めします!)

検索

まず第一に、最も重要な機能は検索です。開発者として、私たちは毎日コードを書くときに検索を欠かすことはできません。検索を開きます。コードを作成するプロセス中に、require('react') などの理解できないライブラリに遭遇した場合は、コード内の対応するキーワード ## を選択できます。 #react を選択し、マウスを右クリックして、表示されるメニュー パネルで Search Online メニュー項目を選択します。プラグインは自動的にデフォルトのブラウザを開き、該当するキーワードを入力し、検索結果を表示します。

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

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

翻訳

英語が苦手な学生にとって、英語で問題が発生した場合に朗報です。コード 単語を理解するには、エディターのコードで対応するキーワードを選択し、マウスを右クリックして、表示されるメニュー パネルで

Traslate Online メニュー項目を選択します。デフォルトのブラウザが自動的に開き、Google 翻訳検索を入力して、対応するキーワードの翻訳結果を検索します。

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

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

オフライン英中辞書 (https://github.com/program-in-chinese/vscode_english_chinese_dictionary) プラグインで提供されるオフライン辞書ライブラリも使用されますオフライン辞書検索も上記と同じ操作 コード内のキーワードを選択すると、下部バー右下に翻訳結果が表示されます 簡易翻訳であればBaiduやGoogleと頻繁に相談する必要はありません翻訳します。結果は下部に表示され、便利で明確です。より詳細な翻訳結果を確認したい場合は、下部バーの右下隅にある中国語の翻訳結果をクリックすると、デフォルトのブラウザーが表示されます。オンライン翻訳が可能です。

#検索エンジンの切り替えその他特別なニーズがある場合は、別の検索エンジンに切り替えることができます。 、エディターの下部バーの右側にある

検索エンジン

をクリックし、ポップアップ ウィンドウのオプションで切り替える必要がある検索エンジンを選択するだけです。

右クリック メニュー バーの

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

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

デフォルトの検索エンジン アドレスがニーズを満たせない場合は、検索エンジン アドレスを手動で更新し、プラグインの

拡張機能設定

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

各検索エンジンのデフォルトのアドレス形式は次のとおりです。

注:

%SELECTION%

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

##Googlehttps: / /www.google.com/search?q=%SELECTION%Binghttps://www.bing.com/search?q=%SELECTION % Githubhttps://www.github.com/search?q=%SELECTION%Baidu https://www.baidu.com/search?q=%SELECTION%Npmhttps://www.npmjs.com /search?q=%SELECTION%Yahoohttps://search.yahoo.com/search?p=%SELECTION%Wikihttps://wikipedia.org/wiki/%SELECTION%アヒルhttps://duckduckgo .com/?q=%SELECTION%コードペンhttps://codepen.io/search/pens?q=%SELECTION%コード サンドボックスhttps://codesandbox.io/search?query=%SELECTION%

エンジン	URL

たとえば、

色网站の検索エンジンに入力し、コードを入力することでいつでも賢者モードの波に入ることができます(手動で面白い)。

ふん、

.vscode/setting.json ファイルを変更して、デフォルトの検索エンジンを設定することもできます。たとえば、search- online .search-engine の構成パラメータは 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 つの入力ボックスに入力して検索エンジンを追加します↓

名前: Visual Studio Marketplace

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

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

翻訳エンジンの切り替え

通常、翻訳する必要がある言語は、設定パネル。デフォルト設定は英語から中国語への翻訳です。

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

もっと見るプログラミング関連の知識については、

プログラミング ビデオ をご覧ください。 ！

以上が開発効率を向上させる VSCode プラグイン (強くお勧めします!)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。