検索
ホームページ開発ツールVSCodevscodeの使い方チュートリアル

vscodeの使い方チュートリアル

Dec 17, 2019 am 10:06 AM
vscode使用チュートリアル

vscodeの使い方チュートリアル

環境: mac システム

1. コマンド パネル

コマンド パネルは、vscode ショートカット キーのメインの対話型インターフェイスです。 f1 または Cmd Shift P (win Ctrl Shift P) を使用して開きます。コマンド パネルでは、検索するコマンド (中国語と英語の両方) を入力して実行できます。

ネーミングパネルでは、エディタ付属の機能やプラグインが提供する機能など、さまざまなコマンドを実行できます。そのため、ショートカット キー Cmd Shift P

vscodeの使い方チュートリアル

を必ず覚えておいてください。 2. コマンド ラインで vscode

を使用します。Windows ユーザーの場合は、インストールして、 restart システムをインストールした後、コマンド ラインでコードまたはコード インサイダーを使用できます。再起動を待たずにすぐに使用したい場合は、VS Code のインストール ディレクトリをシステム環境変数 PATH に追加できます。

## Mac ユーザーの場合は、インストール後、名前パネル Cmd Shift P を開き、シェル コマンドを検索し、PAth でコード コマンドのインストールをクリックして、ターミナルを再起動すれば問題ありません。

vscodeの使い方チュートリアル

3. カーソルの移動

行頭に移動 Cmd 左矢印キー (win Home)

行末に移動行の Cmd 右矢印キー (win End)

文書の先頭と末尾に移動 Cmd 上下の矢印キー (win Ctrl Home/End)

左と左の間をジャンプ中括弧の右側 {}Cmd Shift ( win Ctrl Shift )

4. テキストの選択

カーソルの移動中にテキストを選択するには、もう 1 回 Shift キーを押すだけです

単語 Cmd D を選択します。以下で説明します。マルチ カーソルは Cmd D

についても説明します。コード ブロックを選択するためのショートカット キーはありません。cmd Shift p を使用して、コマンド パネルを開き、選択括弧の内容をすべて入力します。ショートカット キーの追加方法については後ほど説明します

5. コードの移動

##Option 上下矢印キー (Win Alt Up とdown)

vscodeの使い方チュートリアルShift キーを押しながらコードを移動することで、コードをコピーできます。Option Shift を上下に移動します。

6. コードの書式設定

Formatドキュメント全体: Option Shift F (win Alt Shift F)、vscode は使用する言語に応じて書式設定に異なるプラグインを使用します。対応する書式設定プラグインをダウンロードすることを忘れないでください

選択したコードを書式設定します: Cmd K Cmk F win(Ctrl K Ctrl F)

7. コードのインデント

文書全体のインデントを調整するには、Cmd Shift P を使用してコマンド パネルを開き、インデントを入力します。を選択し、対応するコマンドを選択します。

コードのインデント調整を選択します: Cmd ] Cmd [ インデントをそれぞれ減らしたり増やしたりします

8. ファイルをすぐに開きます

Cmd P (win Ctrl P) 開きたいファイル名を入力し、Enter キーを押して開きます。

vscodeの使い方チュートリアル9 、コード リファクタリング

ファイルの名前を変更したい場合関数または変数を変更するには、関数または変数名にカーソルを置き、F2 キーを押すだけで、関数または変数が表示される場所が変更されます。

vscodeの使い方チュートリアル おすすめの関連記事とチュートリアル:

vscode チュートリアル

以上がvscodeの使い方チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Visual Studio:コードコンパイル、テスト、展開Visual Studio:コードコンパイル、テスト、展開Apr 24, 2025 am 12:05 AM

VisualStudioでは、コードをコンパイル、テスト、展開する手順は次のとおりです。1。コンパイル:VisualStudioのコンパイラオプションを使用して、ソースコードを実行可能ファイルに変換し、C#、C、Pythonなどの複数の言語をサポートします。 2。テスト:組み込みのMSTESTとNUNITを使用してユニットテストを実行して、コードの品質と信頼性を向上させます。 3。展開:セキュリティとパフォーマンスを確保するために、Web展開、Azure展開などを通じて、開発環境から生産環境へのアプリケーションを転送します。

ビジュアルスタジオ:統合開発環境の紹介(IDE)ビジュアルスタジオ:統合開発環境の紹介(IDE)Apr 23, 2025 am 12:02 AM

VisualStudioismicRosoft'sFlagshipide、サポートMultipleMingLanguagesAndenHancingCodingEfficiency.1)itOffersfeatureSlisensensenseforCodeprediction、Multi-tabbedinterfaceforprojectmanagement、およびtoolsfordebugging、Refactoring、およびversionControl.2

Visual Studio:無料および有料の提供物を探索しますVisual Studio:無料および有料の提供物を探索しますApr 22, 2025 am 12:09 AM

VisualStudioの無料バージョンと有料バージョンの主な違いは、機能の豊富さとサポートされているサービスです。無料版(コミュニティ)は、個々の開発者や小チームに適しており、基本的な開発ツールを提供しています。有料版(プロフェッショナルおよびエンタープライズ)は、大規模なプロジェクトやエンタープライズレベルの開発に適した高度なデバッグやチームコラボレーションツールなどの高度な機能を提供します。

Visual Studio Community Edition:説明した無料オプションVisual Studio Community Edition:説明した無料オプションApr 21, 2025 am 12:09 AM

VisualStudioCommunityeditionは、個々の開発者、小規模チーム、教育機関に適した無料のIDEです。 1)コード編集、デバッグ、テスト、バージョンの制御などの機能を提供します。 2)Roslynコンパイラプラットフォームに基づいて、複数のプログラミング言語をサポートし、GITとTFVCを統合します。 3)高度な機能には、ユニットテストが含まれます。最適化の提案には、不要な拡張機能の電源を切ること、軽量エディターの使用が含まれます。

ビジュアルスタジオ:簡単にアプリケーションを構築しますビジュアルスタジオ:簡単にアプリケーションを構築しますApr 20, 2025 am 12:09 AM

VisualStudioは、Microsoftが開発した統合開発環境(IDE)であり、C#、C、Pythonなどを含むさまざまなプログラミング言語をサポートしています。 2.デバッガーでは、ブレークポイントの設定、ステップバイステップのコード実行、および問題の識別が可能になります。 3。初心者にとっては、シンプルなコンソールアプリケーションを作成することは、始めるのに最適な方法です。 4.高度な使用には、プロジェクト管理や依存関係の注入などの設計パターンの適用が含まれます。 5.一般的なエラーは、デバッグツールを段階的に解決できます。 6.パフォーマンスの最適化とベストプラクティスには、コードの最適化、バージョン制御、コード品質検査、自動テストが含まれます。

Visual StudioおよびVSコード:重要な違​​いを理解しますVisual StudioおよびVSコード:重要な違​​いを理解しますApr 19, 2025 am 12:16 AM

VisualStudioは、大規模なプロジェクトやエンタープライズレベルのアプリケーション開発に適していますが、VSCODEは迅速な開発と多言語サポートに適しています。 1. VisualStudioは、包括的なIDE環境を提供し、Microsoft Technology Stackをサポートします。 2.VSCODEは、柔軟性とスケーラビリティを強調し、クロスプラットフォームをサポートする軽量エディターです。

Visual Studioはまだ無料ですか?可用性を理解するVisual Studioはまだ無料ですか?可用性を理解するApr 18, 2025 am 12:05 AM

はい、VisualStudioの一部のバージョンは無料です。具体的には、VisualStudioCommunityeditionは、個々の開発者、オープンソースプロジェクト、学術研究、および小規模組織にとって無料です。ただし、VisualStuprofessionや企業などの有料バージョンもあり、大規模なチームや企業に適しており、追加機能を提供しています。

Visual Studioの使用:プラットフォーム全体のソフトウェアの開発Visual Studioの使用:プラットフォーム全体のソフトウェアの開発Apr 17, 2025 am 12:13 AM

VisualStudioを使用したクロスプラットフォーム開発は実現可能であり、.NetcoreやXamarinなどのフレームワークをサポートすることにより、開発者は一度にコードを作成して複数のオペレーティングシステムで実行できます。 1).Netcoreプロジェクトを作成し、クロスプラットフォーム機能を使用します。2)モバイルアプリケーション開発にXamarinを使用します。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、