VSCode
https://gyazo.com/18c3894443933caaa5b22eac50e1c686
<C+S+e>:跳至左側檔案管理處
<C+S+h>:跳至搜尋欄
<A+↑/↓>:移動當前行內容
<C+S+p>:開啟指令列
code:settings.json
{
"files.autoSave": "onFocusChange", // 切換時自動儲存
"editor.fontFamily": "'HackGen', 'Input Font Mono', Consolas, 'Courier New', monospace",
"editor.fontSize": 16, // 更改字體大小
"editor.renderLineHighlight": "all", // 突顯選擇中的行數號碼
"editor.tabCompletion": "on", // Tab 鍵自動完成
"editor.renderControlCharacters": true, // 顯示控制字元
"editor.bracketPairColorization.enabled": true, // 加上括弧對應色
"files.autoGuessEncoding": true, // 自動選擇檔案編碼
"breadcrumbs.enabled": true // 顯示檔案的麵包屑列表
}
"editor.formatOnSave": false, // 存檔時不自動排版
"editor.cursorStyle": "block", // 更改錨點的外觀成方塊狀
相關連結
Auto Rename Tab
Blockman
CodeMetrics
DupChecker
Error Lens
Git Graph
GitLens
Git History
Github Pull Request
gitignore
Git Project Manager
GlassIt-VSC
Gremlins tracker
Import Cost
indent-rainbow
Output Colorizer
Path Intellisense
檔案相關
File Utils
advanced-new-file
快速執行 JavaScript / TypeScript
JavaScript 測試
透過快捷鍵快速產生內容
由使用者自訂
「File(檔案)」
Preferences(喜好設定)
User Snippets(使用者程式碼片段)
code:json
{
"Print to console": {
"scope": "javascript,typescript",
"prefix": "log",
"description": "Log output to console"
}
}
scope:指定此 snippets 的使用語言
prefix:指定此 snippets 的快捷關鍵字
description:提示此 snippets 時右邊的內容說明
body:此 snippets 的實際輸入內容
$1、$2:可在按下 Tab 鍵後讓錨點跳至此處
tasks.json