Visual Studio Code 安裝與使用


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 打開默認瀏覽器


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM