1,它開源免費,通過安裝開發語言相關的插件,可以讓VS Code實現相應的語法識別和代碼提示,目前拓展商店已經提供了大多數編程語言的插件,可以隨便下載,常用有Script有JScript、EScript ,以及包括PHP,Python等其它語言。
2,Visual Studio Code的側邊欄它集成了在編碼和重構時會用到的核心功能,你需要的其他任何功能都可以通過安裝擴展來滿足。
3,它有一個非常有用的語法高亮和自動完成功能,提供了基於變量類型、函數定義和導入模塊的自動補全功能,對開發人員提供了很大的幫助。
4,內置調試器可以通過添加斷點和觀察器進行調試,以幫助你加快編輯,編譯等。默認情況下,它支持 NodeJS ,並且可以調試任何可以被轉換為 JavaScript 的語言,部分語言需要安裝擴展才能進行調試。
5,Visual Studio Code內置了一個 Git GUI,支持最常用 Git 命令,可以自己在項目中所做的更改。
Visual Studio Code 安裝
1,安裝地址(官網下載): https://code.visualstudio.com/ ,進去網址后點擊后上角下載,選擇與自己的系統匹配的一項,現在成功過雙擊按照提示進行安裝就可以。
Visual Studio Code 安裝插件
1,先ctrl+shift+p,彈出命令面板-選中Extensions:Install Extensions 或者點擊左側欄這個擴展按鈕(Ctrl+Shift+X)第五個就可以打開,在搜索框體輸入想要安裝的插件。
常用的插件集合
(1)Material Theme VS Code 主題插件
(2)Auto Import 自動去查找、分析、然后提供代碼補全。
(3)Indent-Rainbow 是代碼對齊,更方便閱讀和查找
(4)IntelliSense for CSS class names in HTML 基於你的項目以及通過link標簽引用的外部文件,該智能插件提供 HTML 中 CSS class 名字的補全
(5) SVG Viewer 一個利於預覽svg的插件
(6)Prettier 用來美化的代碼的。
(7)React Native Tools 代碼提示、Debugging、集成 RN 的命令。
(8)npm Intellisense 導入語句自動補全 npm 模塊名稱。
(9)highlight-matching-tag 標簽高亮顯示
(10)GitLens 豐富的git日志插件 豐富的git日志插件
(11)Bracket Pair Colorizer 對不同的代碼塊進行高亮
(12)Color Highlight 展示你定義的顏色。
(13)CSS Peek 可以在 HTML 中通過 CSS id 或則 class 來定位到其定義,顯示你的css代碼塊。
(14)Debugger for Chrome 用 Chrome 來 Debug 你的 JavaScript 代碼,或則其它支持 Chrome Debugger 協議的平台。
(15)beautify 格式化代碼的工作。
(16)vscode-vue 主要應用與vue
(17)Language Packs 安裝中文,點擊確定后,會重新打開軟件,再次打開后軟件的語言為中文。
(18)open in browser 打開瀏覽器的插件,
Visual Studio Code 常用快捷鍵
1,Ctrl + S 保存
2,Ctrl + C 粘貼
3.,Ctrl+ V 復制
4, Shift+Alt+F 格式化文檔
5,Ctrl+I 選擇當前行
6,Ctrl+F 查找
7,Ctrl+H 替換
8,Ctrl+/ 添加或者刪除 行注釋
9,Alt+B 打開默認瀏覽器