目前用的挺多的一些編輯器有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中有很多插件,再工作起來非常方便
下面是他的一些插件
1、HTML Snippets(代碼自動填充
)
2、CSS Support(讓 html 標簽上寫class 智能提示當前項目所支持的樣式)
3、jQuery Code Snippets
4、vscode-icon (給樹形文件結構加上前面圖標)
5、Path Intellisense (代碼自動補全)
6、fileheader (頂部注釋,可定義作者、時間等信息,並會自動更新最后修改時間)
7、Code Runner
一個非常強大的插件,能夠運行多種語言的代碼片段或代碼文件,安裝完成后,右上角會出現:▶
8、Indenticator(突出目前的縮進深度)
9、npm Intellisense(require 時的包提示)
10、Regex Previewer
一個用於實時測試正則表達式的實用工具
可以將正則表達式模式應用在任何打開的文件上,並高亮所有的匹配項
11、Color Info
提供你在 CSS 中使用顏色的相關信息
你只需在顏色上懸停光標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關信息
12、Live Server(瀏覽器實時刷新)
13、Chinese (Simplified) Language Pack for Visual Studio Code(中文簡體包)