マイビジュアルスタジオコードセットアップ

私は最近、別のコンピュータ上でいくつかの開発を行う必要があり、デフォルトのVSCodeコンフィグを使用して机の前に落ち着いた後、私はすぐに私のローカル環境とワークフローのどのくらいの構成とインストールする必要が実現した.

VSCodeセットアップのバックアップ⬇️
幸運にも、VSCodeは、それがかなり簡単なプロセスをあなたのセッティングと拡張をバックアップさせます.あなたの設定は、それが楽なコピーと貼り付けシナリオを作るJSONファイルです.エクステンションについては、bashスクリプトをインストールして、すべてをバックアップします.個々の拡張モジュールをインストールするbashコマンドのリストを生成します.

code --list-extensions | xargs -L 1 echo code --install-extension

To install the code Bash alias on Mac, go to Command Palette and type “install command” to find the shell script. Make sure to install it on both your backup, and new computer.

マイセットアップ🎨

JSONの設定🔧
ここで特別すぎる.ホットキーのカップルだけのカスタマイズ(私は崇高を使用していたので、私はそれらのショートカットを好む).私はいくつかのセクション(サイドバー色のような)のコントラストが好きでなかったので、私はPalenightイタリックのテーマを変更しました.

{
 "workbench.colorTheme": "Palenight Italic",
 "editor.fontFamily": "Fira Code",
 "editor.fontSize": 13,
 "workbench.iconTheme": "material-icon-theme",
 "sublimeTextKeymap.promptV3Features": true,
 "editor.multiCursorModifier": "ctrlCmd",
 "editor.snippetSuggestions": "top",
 "editor.formatOnPaste": true,
 "window.zoomLevel": 0,
 "workbench.colorCustomizations": {
 "[Palenight Italic]": {
 "sideBar.background": "#222635",
 "sideBarSectionHeader.background": "#222635",
 "tab.activeBackground": "#222635",
 "editor.background": "#222635",
 "editorHoverWidget.background": "#222635",
 "debugExceptionWidget.background": "#222635",
 "peekViewTitle.background": "#222635",
 "panel.background": "#222635",
 "statusBar.noFolderBackground": "#222635",
 "notifications.background": "#222635",
 "debugToolBar.background": "#222635",
 "tab.inactiveBackground": "#2d3244",
 "tab.inactiveForeground": "#929ac9",
 "sideBar.foreground": "#7179a1",
 }
 },
 "javascript.updateImportsOnFileMove.enabled": "never",
 "files.associations": {
 "\*.js": "javascriptreact"
 }
}

拡張⚙️
ちょうどいくつかの必要があります.

プロジェクトマネージャは、お使いのコンピュータ/ドライブ全体のプロジェクトを追跡するために最適です.

S 7/reactjsスニペットは必須です.rを入力してくださいPremadeを得るために、コンポーネント構造(機能的またはreduxコンテナのような)

PHP — これは複雑なアプリケーションで動作するPHP開発者のための必需品です.任意のメソッド/関数をオーバーライドしてドキュメントを参照し、ツールヒントをクリックして関数のソースファイルに直接移動します.

PHP DocBloker — PHPコードを簡単に文書化します.関数*を使用してDocBlockを生成します.それは自動的に戻り値のようなものを拾い上げて、あなたのドキュメント(トスチェックを完備した)でそれを投げます.

藤堂 — あなた自身が去る/見つけるならば
コード内のコメントは、この拡張モジュールがコードをスキャンし、ToDoリストに配置されているすべてを検索します.

ポラコデ — すぐにあなたのコードのスクリーンショットを取るには素晴らしい方法は、すべてのあなたのエディタのテーマでスタイリング.

マルチライン検索と置換 — これまで手動でregexを追加せずにコードの1つ以上の行をコピーする必要がありますか?テキストを選択し、コマンドパレットを開き、有効な正規表現をコピーするには、このプラグインを選択します.これはデフォルトではサポートしていないので、vscodeにとって重要です.

code --install-extension alefragnani.project-manager
code --install-extension axlan.multiline-find-and-replace
code --install-extension cjhowe7.laravel-blade
code --install-extension dbaeumer.vscode-eslint
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension felixfbecker.php-intellisense
code --install-extension Gruntfuggly.todo-tree
code --install-extension HookyQR.beautify
code --install-extension joelday.docthis
code --install-extension juanmnl.vscode-theme-hydra
code --install-extension kumar-harsh.graphql-for-vscode
code --install-extension leighlondon.eml
code --install-extension mikestead.dotenv
code --install-extension ms-vscode.sublime-keybindings
code --install-extension neilbrayfield.php-docblocker
code --install-extension neilding.language-liquid
code --install-extension octref.vetur
code --install-extension PKief.material-icon-theme
code --install-extension pnp.polacode
code --install-extension sdras.night-owl
code --install-extension whizkydee.material-palenight-theme
code --install-extension zhuangtongfa.Material-theme

どのような設定ですか?💻
私はいつも他のワークフローから学ぶことに興味があります.あなたのVSCodeセットアップがコメントでどのように見えるかについて知らせてください!👍
歓声🍻
了
当初whoisryosuke.com年に出版された.