ホームページ  >  記事  >  開発ツール  >  開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒント

開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒント

青灯夜游
青灯夜游転載
2021-10-27 11:03:423496ブラウズ

この記事では、効率的な開発モードを実現するための 13 の VSCode 使用上のヒントを紹介します。

開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒント

VsCode は、強力な機能を備えたオープンソース エディターです。さまざまなプラグインのおかげで、VsCode ではさらに多くのことができます。それを使用するプロセスには多くのスキルがあり、いくつかのスキルをマスターすると、後でコードを書くのがはるかに簡単になります。 [推奨学習: 「vscode チュートリアル 」]

1. ログを表示します

ステップ 1. Ctrl Shift P

## を実行します# ステップ 2. showlogs を検索します。

2. VSCode 構成ファイル settings.json

を開きます。ステップ 1. Ctrl Shift P

を実行します。ステップ 2. Open Settings (JSON) を検索します。

3. リモート エンドに接続するときにログを表示する

VSCode 構成ファイル

settings.json

"remote.SSH.showLoginTerminal": true,

4 に次のパラメーターを追加します。 VSCode バックグラウンド設定 Bean Paste Green の場合

次のパラメータを VSCode 設定ファイルに追加します

settings.json

"workbench.colorTheme": "Atom One Light",
"workbench.colorCustomizations": {
   "[Atom One Light]": {
      "editor.background": "#C7EDCC",
      "sideBar.background": "#e7f0e7",
      "activityBar.background": "#C7EDCC",
    },
},

5. リモートのデフォルトでインストールされるプラグインを設定します

in

Python および Maven プラグを自動的にインストールするなど、remote.SSH.defaultExtensions パラメーターを VSCode 構成ファイル settings.json に追加します。 ins は次のように構成できます。

"remote.SSH.defaultExtensions": [
   "ms-python.python",
   "vscjava.vscode-maven"
 ],

6. ローカルで指定されたプラグインをリモートにインストールするか、リモート プラグインをローカルにインストールします

ステップ 1. Ctrl Shift P

を実行しますステップ 2 「ローカルにインストール」を検索し、必要に応じて選択します

7. Git リポジトリをリモートで使用します

7.1 ローカル ホストの構成、この記事では Windows 10 システムを例として取り上げます

ステップ 1. OpenSSH をインストールします

ステップ 2. PowerShell を管理者として起動し、必要に応じて次のコマンドを実行します:

  • SSHD サービスを開始します:

    Get-WindowsCapability -Online | ? 名前 -「OpenSSH*」のような名前 サービス開始 sshd Set-Service -Name sshd -StartupType 'Automatic' Get-NetFirewallRule -Name

    sshNew-NetFirewallRule -Name sshd -DisplayName 'OpenSSH Server (sshd)' -Enabled True -Direction Inbound -Protocol TCP -Actionallow -LocalPort 22

  • Windows が SSH エージェントを自動的に実行できるようにします:

    Set-Service ssh-agent -StartupType 自動 Start-Service ssh-agent Get-Service ssh-agent

  • 秘密キーのペアを実行中のエージェントに追加します:

    ssh-add.exe .\id_rsa #パスは秘密キーです。キーの場所を追加する ssh-add.exe -L

ステップ 3. ローカルの

sshconfig (~\.ssh\config など) ファイルを編集し、構成 ForwardAgentyes を次のように追加します。下に示された 。

Host my_host
    HostName x.x.x.x
    Port x
    User x
    IdentityFile xx
    ForwardAgent yes

ForwardAgentyes をデフォルトですべてのホストに追加する場合は、次のように構成を追加できます。

Host *
   ForwardAgent yes

7.2 Git リポジトリの柔軟なリモート使用

Brief Git 操作ガイダンス ビデオについては、VSCode ビデオ チュートリアル (3 分 54 秒) を参照してください:

code.visualstudio.com/docs/introv… #Git 関数の使用方法の詳細については、VSCode の公式ドキュメントを参照してください

code.visualstudio.com/docs/editor…

8. オフラインに基づいてプラグインをリモートでインストールしますpackage

ステップ 1. VSCode プラグインの公式 Web サイトに移動します。vscode_marketplace でインストールする A プラグインを検索します。

ステップ 2. クリックして A プラグインの詳細を入力します。プラグインのオフライン インストール パッケージをダウンロードします。図に示すように:

開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒントステップ 3. ダウンロードした .vsix ファイルをリモート コンテナにドラッグします

ステップ 4. ファイルを右クリックし、 ExtensionVSIX

9 をインストールします。リモート再起動後、接続するにはローカルの known_hosts を削除する必要があります。

このコンテナのパラメータ「StrictHostKeyChecking no」および「UserKnownHostsFile=/」をローカルで設定できます。 sshconfig file dev/null" (次のリファレンスに示されています):

Host my_host
    HostName x.x.x.x
    Port x
    User x
    IdentityFile xx
    ForwardAgent yes
    StrictHostKeyChecking no
    UserKnownHostsFile=/dev/null

ヒント: 上記の構成パラメータを追加すると、SSH ログイン中に known_hosts ファイルが無視されるため、セキュリティ リスクが発生します。

10コードのデバッグ中にソース コードを入力することはできません

すでに

launch.json

ファイルをお持ちの場合は、直接手順 3 に進んでください。ステップ 1: launch.json ファイルを開きます。次のいずれかの方法で開くことができます:

  • 方法一:点击左侧菜单栏的Run(Ctrl+Shift+D)按钮,再点击create a launch.json file。如下图所示:

開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒント

  • 方法二:点击上侧菜单栏中的Run > Open configurations按钮

步骤2:选择语言

如果需要对Python语言进行设置,在弹出的Select a debug configuration中选择Python File,其他语言操作类似。如下图所示:

開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒント

步骤3:编辑launch.json,增加justMyCode":false配置,如下图所示:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: 当前文件",
            "type": "python",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal",
            "justMyCode": false
        }
    ]
}

11.提交代码时弹出对话框提示用户名和用户邮箱配置错误

開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒント

terminal中,执行如下述命令,再重试提交即可:

git config --global user.email my_email #改为你的用户邮箱
git config --global user.name my_name #改为你的用户名

12. 禁止自动升级VSCode版本

步骤1. 执行Ctrl+Shift+P

步骤2. 搜Open Settings(JSON)

步骤3. 在配置文件settings.json中添加如下参数"update.mode":"manual"

13. 禁止自动升级VSCode的插件版本

步骤1. 执行Ctrl+Shift+P

步骤2. 搜Open Settings(JSON)

步骤3. 在配置文件settings.json中添加如下参数"extensions.autoUpdate":false

更多编程相关知识,请访问:编程入门!!

以上が開発効率を向上させるために知っておく価値のある VSCode の使用に関する 13 のヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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