VScode安裝

軟件安裝

VSCode軟件

能夠安裝 VS Code

能夠熟練使用 VS Code 軟件

能夠安裝 VS Code 最常用的插件

VSCode 簡介

Visual Studio Code (簡稱 VS Code / VSC) 是微軟公司推出的一款免費開源的現代化輕量級代碼編輯器，支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、GIT 等特性，支持插件擴展等等。

推薦理由：

• 比 sublime 開源，比 webstorm 更輕

• 智能提示很強大

• 自帶 emmet

• 插件安裝非常方便

• 自帶強大的調試功能

• 軟件跨平臺支持 Win、Mac 以及 Linux。

VSCode 安裝

官網下載地址： https://code.visualstudio.com/

安裝步驟：

傻瓜式安裝，直接下一步即可。

• 如果需要改變默認的安裝路徑，在選擇目標位置時直接修改即可。

• 爲方便以後使用，建議創建桌面快捷方式。

   

VSCode 使用

文件目錄管理

• 選擇File，然後選擇Open Folder，打開文件夾。

• 界面主要分爲EXPLORER（資源管理界面）和代碼編輯頁面。

顏色主題

• 設置首選項按鈕 -- Color Theme

• 在彈出的選擇主題界面，選擇喜歡的主題界面即可。其中Monokai是與sublime一致的風格。

   

其他操作

• 放大縮小視圖：ctrl + 加號 和 ctrl + 減號

• 向上複製一行：alt+shift+↑

• 向下複製一行：alt+shift+↓

• 當光標點擊到某一行時，默認選中全行，可以直接複製粘貼

VSCode 插件安裝

安裝方法

點擊左側《擴展》圖標，在搜索框輸入需要安裝的插件名稱，點擊install進行安裝即可。安裝完畢，需要重新加載軟件使插件生效。

推薦安裝的插件

插件	作用
Chinese (Simplified) Language Pack for VS Code	中文（簡體）語言包
Open in Browser	右擊選擇瀏覽器打開html文件
JS-CSS-HTML Formatter	每次保存，都會自動格式化js css 和html 代碼
Auto Rename Tag	自動重命名配對的HTML / XML標籤
CSS Peek	追蹤至樣式

注意：插件安裝需要聯網。

禁用或卸載已安裝的插件

在擴展界面，點擊「更多操作」（三個點），選擇「顯示安裝的擴展」，在列表中找到需要禁用的插件，點擊「禁用」或者「卸載」即可。同樣操作完畢需要重新加載生效。