ts快捷鍵 vscode vscode這篇就夠了

2021-10-18 17:40:50 字數 2568 閱讀 4522

前言

本文件用於記錄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 游...