VSコード使用まとめ
2199 ワード
共通プラグイン
汎用
日文:Chinese(Simplified)Language Pack for Visual Studio Codeアイコン:vscode-icons git履歴管理:GitLens git可視化操作:GitHub Pull Requestsプロジェクト快速切替:project manager走各種言語コード:code runner経路提示:Path Intellisense経路補完:Path Autocompleteテスト:Wallaby.js同期vscode構成:Settings Sync todoハイライト:TODO Highlightスペル単語チェック:Code Spell Checker色テーマ:Best Dark Themes Pack
フロントエンド開発
htmlヒント:HTML Snappets htmlタグ補完:Auto Close Tag html自動名前変更:Auto Rename Tag htmlリアルタイムプレビュー:HTML Preview cssヒント:HTML CSS Support jQueryヒント:jQuery Code Snappets Bootstrapヒント:Bootstrap 3 Sinnpet vue開発:Vetur vue構文ヒント:Vue 2 Snappetsフォーマットコード:prettier貼り付けとインデント:paste and indentデフォルトブラウザで開く:Open HTML in Default Browserとchrom連動デバッグ:Debugger for Chrome jsコード仕様:eslint異なるかっこ設定異なる色:Bracket Pair Colorizerブラウザ同期更新ページ:Live Server同期更新ページプレビュー:Live Server Previewハイライトマッチングラベル:Highlight Matching Tagインポートパッケージコストヒント:Import Cost elementuiヒント:Vscode-element-helper live sass compiler:動的コンパイルsass/scss
python開発
python環境構成:python pythonソース表示:python for vscode python実行プロシージャ構造表示:python preview
その他
より多くの優れたプラグインの参考:https://www.jianshu.com/p/cef382657441vscodeプラグインと構成リファレンス:https://www.cnblogs.com/why-not-try/p/7873401.html
インストールコマンドの表示:
@installedショートカットキー
編集
ctrl+shift+p/f1
ctrl+p
alt+shift+↑/↓
alt+↑/↓
ctrl+i
ctrl+shift+k
alt+shift+f
ctrl+shift+|
ctrl+shift+[/] /
alt+shift+a
ctrl+d
ctrl+shift+l
コマンド#コマンド#
ctrl+p
ctrl+g
ctrl+shift+f
ctrl+shift+h
ctrl+`
ctrl+shift+`
ctrl+shift+v markdown
ctrl+shift+n vscode
ctrl+shift++/- /
ctrl+shift+d debug
ctrl+|
ctrl+f4
ctrl+w
デバッグ
f9 /
f5
f10
f11/shift+f11 /
ツールバーの
ファイルを開く->プリファレンス->キーボードショートカット設定
ショートカットキーの詳細:https://baijiahao.baidu.com/s?id=1626592348988752335&wfr=spider&for=pc
バージョン管理
vscodeのgitコマンド操作:https://blog.csdn.net/qq_43679030/article/details/84961859vscodeでのgit可視化操作:https://blog.csdn.net/euphorias/article/details/98483011
Emmet htmlコード構文の迅速な作成
https://www.cnblogs.com/summit7ca/p/6944215.html