vscode插件和快捷鍵

目前用的挺多的一些編輯器有webstorm，vscode，Atom，HBuilder等等

今天來講說vscode

Visual Studio Code (簡稱 vscode) 是一款免費開源的現代化輕量級代碼編輯器，支持幾乎全部主流的開發語言

先說下他的一些快捷鍵

打開一個新窗口　

Ctrl+Shift+N

關閉一個新窗口

Ctrl+Shift+W

側邊欄顯示/隱藏

ctrl + b

文件之間切換

ctrl+tab

代碼後縮進、代碼前縮進

ctrl+[ 、 ctrl+]

複製整行代碼

shift+alt+下方向鍵

上下移動一行

lt+Up 或 Alt+Down

 回退上一個光標操做

Ctrl+U

 

vscode中有不少插件，再工做起來很是方便

下面是他的一些插件

一、HTML Snippets（代碼自動填充

）

二、CSS Support（讓 html 標籤上寫class 智能提示當前項目所支持的樣式）

三、jQuery Code Snippets

四、vscode-icon （給樹形文件結構加上前面圖標）

五、Path Intellisense （代碼自動補全）

 

六、fileheader （頂部註釋，可定義做者、時間等信息，並會自動更新最後修改時間）

七、Code Runner

一個很是強大的插件，可以運行多種語言的代碼片斷或代碼文件，安裝完成後，右上角會出現：▶

八、Indenticator（突出目前的縮進深度）

九、npm Intellisense（require 時的包提示）

十、Regex Previewer

一個用於實時測試正則表達式的實用工具

能夠將正則表達式模式應用在任何打開的文件上，並高亮全部的匹配項

十一、Color Info

提供你在 CSS 中使用顏色的相關信息

你只需在顏色上懸停光標，就能夠預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息

十二、Live Server（瀏覽器實時刷新）

1三、Chinese (Simplified) Language Pack for Visual Studio Code（中文簡體包）