Web開発のためのVSCodeセットアップ:設定と拡張
今日はその日.フレンドになりたい人article 私によって書かれた、あなたのboobo.
この記事では、私はあなたのウェブ開発のための私のvscodeセットアップを提示したい.毎日のツールVsCodeとして私は私のタスクを達成するために必要なものです.
最近は主にJavaScriptコードを書いていますが、Golang、PHP、bashスクリプト、SQLクエリー、Java、Pythonのコードを書いていました.私は非常に有用で非常に強力なテキストエディタを考えます.しかし、これはVscodeが何であるかについてではなく、私のセットアップを始めましょう.
vscode設定
以下のJSON Configは私の環境の構成です.押すだけでこれを貼り付けることができます
CMD +シフト+ P
Windows/Linux : Ctrl + shift + p
「オープン」ウィンドウで「設定」を選択します.
{ }
"エディタ. minimap . enable ": false
「エクスプローラを開きます.
"git . autofetch ": true
"window . zoomlevel ":- 1 ,
"ワークベンチ.
ワンダークプロ", "
"Workbench . icontheme ":"vscode icon "
"エディタです.
"todo tree .ハイライト"カスタマイズ表示"
「藤堂」
"バックグラウンド"""Count "
"フォアグラウンド"""Count Hand 66 FFA 6 "
"アイコン": "チェックリスト"
"type ": "text "
//
"FIXME ": {
"背景": "Cherco C 79400 "
"フォアグラウンド"""
"アイコン": "警告"
"type ": "text "
}
//
"todo tree . regex . regexcasessisitive ": false
「フィルタを除く.
モジュール名を指定します*/
、
}
拡張
私は、私の仕事に従い、時間によって多くの拡張を使用しました、しかし、これは私がIDEの代わりにVSCodeセットアップについて好きであるものです.あなたは一日一日同じ設定をすべての時間を持つことなく設定できます.VSCodeはデフォルトで非常に軽量ですので.
Rainbow Brackets
それは非常にクールなツールは、ブラケットを着色し、良い提供しています.
コード--拡張機能2 guaをインストールします.レインボーブラケット
GitLens
GITLensはスーパービジョンを視覚的なスタジオコードに組み込まれているgitの機能.それはあなたがgit非難注釈とコードレンズを介して一目でコードの著作権を視覚化することができます.
私はGitLensが好きですので、それはGitに関連するクールな機能の多くを提供しています.すべての枝、コミット、タグを見ることができます.あなたは、ファイルの最新の変更が何であるか、そして、他のクールなものが何であるかコードの最後の時間のラインを修正した人を見ることができます.試してみてください!
コード--拡張子をインストールします.グリッター
Git History
コードをインストールします.ギティスト
EditorConfig for VS Code
このプラグインattempts Countで設定された設定でユーザー/ワークスペースの設定をオーバーライドします
コード--拡張モジュールエディタをインストールします.編集
Prettier - Code formatter
Prettier は、独断的なコードフォーマッタです.それはあなたのコードを解析することによって一貫性のあるスタイルを実施し、必要に応じてコードをラップし、アカウントに最大行の長さを取る独自のルールを再印刷します.JavaScriptを使用します.
コード拡張子をインストールします.きれいなvscode
Todo Tree
私は藤堂の木がとても好きです.非常にシンプルだが非常に堅牢な機能を提供する、非常に簡単です.しかし、それの遠くの最高の特徴は、コードでtodoまたはfixmeキーワードを強調することです.個人的には、私は全体の線を強調するために選ぶ.
コードをインストールします.藤堂
Code Time
あなたのコードエディタであなたのプログラミング活動権利の毎日と毎週のレポートを提供します.
コード--インストール拡張ソフトウェアソフトウェアをインストールします.swdc-vscode
vscode-icons
私は本当にこのプラグインが好きですので、私のテキストエディタを非常に友好的にして、私にファイルタイプの上で良い概要を提供します.私はあなたにそれを試してみることをお勧めします.
コード--インストール拡張vscodeアイコンチームをインストールします.vscodeアイコン
テーマ
Ooiはあなたについて知りません、しかし、個人的に私は暗いスクリーンが本当に好きです.私は私のコンピュータ暗闇を見たいです、そして、私はダークモードテーマが好きです.現在使用中One Dark Pro Theme .
コード拡張子をインストールします.マテリアルテーマ
楽しんでください.あなたが私の毎日のセットアップについて私についてのより多くの質問をするならば、私の記事の後で待っていてください、接触フォームに行って、直接私に手紙を書いてください.私は、あなたの質問のために特別な記事を書きます.私の名前は94からBooboです
この記事では、私はあなたのウェブ開発のための私のvscodeセットアップを提示したい.毎日のツールVsCodeとして私は私のタスクを達成するために必要なものです.
最近は主にJavaScriptコードを書いていますが、Golang、PHP、bashスクリプト、SQLクエリー、Java、Pythonのコードを書いていました.私は非常に有用で非常に強力なテキストエディタを考えます.しかし、これはVscodeが何であるかについてではなく、私のセットアップを始めましょう.
vscode設定
以下のJSON Configは私の環境の構成です.押すだけでこれを貼り付けることができます
CMD +シフト+ P
Windows/Linux : Ctrl + shift + p
「オープン」ウィンドウで「設定」を選択します.
{ }
"エディタ. minimap . enable ": false
「エクスプローラを開きます.
"git . autofetch ": true
"window . zoomlevel ":- 1 ,
"ワークベンチ.
ワンダークプロ", "
"Workbench . icontheme ":"vscode icon "
"エディタです.
"todo tree .ハイライト"カスタマイズ表示"
「藤堂」
"バックグラウンド"""Count "
"フォアグラウンド"""Count Hand 66 FFA 6 "
"アイコン": "チェックリスト"
"type ": "text "
//
"FIXME ": {
"背景": "Cherco C 79400 "
"フォアグラウンド"""
"アイコン": "警告"
"type ": "text "
}
//
"todo tree . regex . regexcasessisitive ": false
「フィルタを除く.
モジュール名を指定します*/
、
}
拡張
私は、私の仕事に従い、時間によって多くの拡張を使用しました、しかし、これは私がIDEの代わりにVSCodeセットアップについて好きであるものです.あなたは一日一日同じ設定をすべての時間を持つことなく設定できます.VSCodeはデフォルトで非常に軽量ですので.
Rainbow Brackets
それは非常にクールなツールは、ブラケットを着色し、良い提供しています.
コード--拡張機能2 guaをインストールします.レインボーブラケット
GitLens
GITLensはスーパービジョンを視覚的なスタジオコードに組み込まれているgitの機能.それはあなたがgit非難注釈とコードレンズを介して一目でコードの著作権を視覚化することができます.
私はGitLensが好きですので、それはGitに関連するクールな機能の多くを提供しています.すべての枝、コミット、タグを見ることができます.あなたは、ファイルの最新の変更が何であるか、そして、他のクールなものが何であるかコードの最後の時間のラインを修正した人を見ることができます.試してみてください!
コード--拡張子をインストールします.グリッター
Git History
コードをインストールします.ギティスト
EditorConfig for VS Code
このプラグインattempts Countで設定された設定でユーザー/ワークスペースの設定をオーバーライドします
.editorconfig
ファイル.追加またはvscode固有のファイルは必要ありません.任意のEditorConfigプラグインと同様に、root=true
を指定しない.will continue to look 1.editorconfig
プロジェクトの外部ファイル.コード--拡張モジュールエディタをインストールします.編集
Prettier - Code formatter
Prettier は、独断的なコードフォーマッタです.それはあなたのコードを解析することによって一貫性のあるスタイルを実施し、必要に応じてコードをラップし、アカウントに最大行の長さを取る独自のルールを再印刷します.JavaScriptを使用します.
コード拡張子をインストールします.きれいなvscode
Todo Tree
私は藤堂の木がとても好きです.非常にシンプルだが非常に堅牢な機能を提供する、非常に簡単です.しかし、それの遠くの最高の特徴は、コードでtodoまたはfixmeキーワードを強調することです.個人的には、私は全体の線を強調するために選ぶ.
コードをインストールします.藤堂
Code Time
あなたのコードエディタであなたのプログラミング活動権利の毎日と毎週のレポートを提供します.
コード--インストール拡張ソフトウェアソフトウェアをインストールします.swdc-vscode
vscode-icons
私は本当にこのプラグインが好きですので、私のテキストエディタを非常に友好的にして、私にファイルタイプの上で良い概要を提供します.私はあなたにそれを試してみることをお勧めします.
コード--インストール拡張vscodeアイコンチームをインストールします.vscodeアイコン
テーマ
Ooiはあなたについて知りません、しかし、個人的に私は暗いスクリーンが本当に好きです.私は私のコンピュータ暗闇を見たいです、そして、私はダークモードテーマが好きです.現在使用中One Dark Pro Theme .
コード拡張子をインストールします.マテリアルテーマ
楽しんでください.あなたが私の毎日のセットアップについて私についてのより多くの質問をするならば、私の記事の後で待っていてください、接触フォームに行って、直接私に手紙を書いてください.私は、あなたの質問のために特別な記事を書きます.私の名前は94からBooboです
8-)
そして、あなたはケージから虎をキャッチ.Reference
この問題について(Web開発のためのVSCodeセットアップ:設定と拡張), 我々は、より多くの情報をここで見つけました https://dev.to/boobo94/vscode-setup-for-web-development-settings-and-extensions-13hpテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol