VS Code 插件整理

此文章就是記錄一下常用的 Vs Code 的插件, 以及一些快捷鍵

Chinese(Simplified) Language Pack for Visual Stidio Code
中文漢化包
open-in-browser
在瀏覽器中查看
Live Server
實時預覽
Auto Close Tag
自動閉合標籤
Auto Rename Tag
尾部閉合標籤同步修改
Bracket Pair Colorizer
用不同顏色高亮顯示匹配的括號
Highlight Matching Tag
高亮顯示匹配標籤
Vscode-icons VSCode
文件圖標
Code Spell Checker
單詞拼寫檢查
Vscode-element-helper
編寫標籤時自動提示element標籤名稱
Vetur
Vue開發支持
EsLint
javascript代碼的檢查
TsLint
TypeScript代碼的檢查
TsLint Vue
在vue中使用ts用到的插件
Dracula Official
吸血鬼主題
minapp
支持微信小程序標籤、屬性的智能補全,並且提示中包含文檔內容(同時支持原生小程序、mpvue 和 wepy 框架,並提供 snippets)。
wechat-snippet
這個插件主要的功能就是代碼輔助,代碼片段自動完成,可以作爲上個插件的補充。
wxml
這款插件用於將wxml代碼進行高亮顯示,並且提供代碼格式化的功能,可將代碼格式化爲較易閱讀的樣式。
Reactjs code snippets
React開發輔助,可快捷創建組件
vscode-styled-components
React 使用第三方css模塊styled-component 用於js中css代碼高亮顯示

常用快捷鍵

編輯器與窗口管理

Ctrl+Shift+P: 打開命令面板。

Ctrl+Shift+N: 新建窗口。

Ctrl+Shift+W: 關閉窗口。

切分窗口:Ctrl+1/Ctrl+3/Ctrl+3

Ctrl+H:最小化窗口

Ctrl+B:顯示/隱藏側邊欄

Ctrl+"+/-":放大/縮小界面

文件操作

Ctrl+N:新建文件

Ctrl+W:關閉文件

Ctrl+Tab:文件切換

格式調整

Ctrl+C/Ctrl+V:複製或剪切當前行/當前選中內容

Alt+Up/Down:向上/下移動一行

Shift+Alt+Up//Down:向上/下複製一行

Ctrl+Delete:刪除當前行

Shift+Alt+Left/Right:從光標開始向左/右選擇內容

代碼編輯

Ctrl+D:選中下一個相同內容

Ctrl+Shift+L:選中所有相同內容

Ctrl+F:查找內容

Ctrl+Shit+F:在整個文件夾中查找內容

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章