前言
本文件用於記錄vscode的使用技巧,持續更新中
快捷鍵搜尋文字
搜尋當前檔案
windows: ctrl + f mac: command + f
搜尋所有檔案
windows: ctrl + shift + f mac: command + shift + f
開啟關閉了的頁面
windows: ctrl + shift + t mac: command + shift + t
終端開啟關閉終端
ctrl + `
終端+1
ctrl + shift + `
終端分屏
mac: command + \
切換不同的專案
mac: command+ `
切換選項卡
windows: ctrl + alt +右箭頭 mac: control + option +右箭頭
windows: ctrl + alt +左箭頭 mac: control + option +左箭頭
批量替換當前檔案中所有匹配的文字
windows: ctrl + f2 mac: command + f2
向上/向下移動一行
windows: alt + 向上箭頭 mac: option+ 向上箭頭
複製游標向上或者向上批量新增內容
windows: ctrl + alt +向上箭頭 mac: command + option +向上箭頭
外掛程式帶星的為極力推薦的外掛程式
* auto close tag
* auto rename tag
修改html標籤時自動幫我們重新命名
* document this
注釋js**
* editorconfig for vs code
這個外掛程式會用專案裡的.editorconfig檔案覆蓋vscode的設定
* eslint
eslint檢查**規範
* git history
git歷史
* gitlens — git supercharged
每個檔案每行都會顯示修改資訊,非常推薦
* npm dependency links
cmd/ctrl+click跳轉到npmjs.com
* npm intellisense
自動填寫npm模組
* npm-import-package-version
顯示npm包引入的版本號,支援js ts vue
* path intellisense
自動填寫檔案路徑
* prettier - code formatter
美化* settings sync
同步vscode設定,非常推薦
* todo highlight
* vetur
使用vue就裝上
* vscode-fileheader
快速生成檔案頭注釋
* vscode-icons
檔案根據不同字尾顯示不同的圖示
* vue
auto import - es6, ts, jsx, tsx
自動引入依賴包
beautify
美化**
在後台檢查npm包是否可以更新,並會提示你
es7 react/redux/graphql/react-native snippets
filesize
顯示檔案大小
full react/react native/react router/redux/graphql/es7/testing/proptypes snippets
highlight line
高亮選中的行
highlight matching tag
高亮匹配的標籤
html css support
html scss support
html snippets
用div包裹選中的**,ctrl+i
image preview
live server
起乙個服務
npm支援跑npm指令碼
npm dependency
更新依賴包
open-in-browser
partial diff
對比不同
rainbow brackets
匹配括號
svg viewer
toggle quotes
tslint
turbo console log
快速的新增console
view in browser
vscode-elm-jump
vscode-styled-jsx
wakatime
記錄你用vscode工作的時間,專案等
參考文件
mac快捷鍵 xcode快捷鍵
快捷鍵圖示 com w關閉當前頁面 ctrl com com tab 切換程式 com option確定進入程式 option com 0開啟右邊使用工具欄 command option esc 開啟強制退出視窗 com option esc開啟強制退出 com 0 開啟導航器 com shift ...
idea快捷鍵 Alt Shift 快捷鍵
alt shift n 選擇 新增 task 必備 alt shift f 顯示新增到收藏夾彈出層 新增到收藏夾 alt shift c 檢視最近操作專案的變化情況列表 alt shift i 檢視專案當前檔案 alt shift f7在 debug 模式下,下一步,進入當前方法體內,如果方法體還有...
Windows快捷鍵 linux快捷鍵
alt tab 在開啟的應用之間切換。alt f4 關閉活動項,或者退出活動應用。windows 徽標鍵 l 鎖定你的電腦。windows 徽標鍵 d 顯示和隱藏桌面。ctrl shift esc 開啟任務管理器。1 tab 命令或路徑等的補全鍵,linux用的最多的乙個快捷鍵 2 ctrl a 游...