VSCode是微軟推出的一款輕量編輯器,採起了和VS相同的UI界面,搭配合適的插件能夠優化前端開發的體驗html
佈局:左側是用於展現所要編輯的全部文件和文件夾的文件管理器,依次是`資源管理器`,`搜索`,`GIT`,`調試`,`插件`,右側是打開文件的編輯區域,最多可同時打開三個編輯區域到側邊。前端
底欄:依次是`Git Branch`,`error&warning`,`編碼格式`等瀏覽器
html文檔中編輯器
一、按tab鍵快速生成文檔頭以及閉合標籤,相似sublime text 所安裝的插件,快速編輯,提升效率佈局
二、js代碼也有自動補全功能優化
快捷鍵命令編碼
ctrl+shift+p 控制面板插件
ctrl+k、ctrl+o 打開資源管理器選擇文件夾或文件調試
光標選擇指定的文件夾,而後ctrl+shift+b 打開瀏覽器htm