2021年1月-第02階段-前端基礎-HTML+CSS進階-VS Code 軟件
軟件安裝
VSCode軟件
能夠安裝 VS Code
能夠熟練使用 VS Code 軟件
能夠安裝 VS Code 最常用的插件
1. VS Code簡介
1.1 VS Code 簡介
Visual Studio Code (簡稱 VS Code / VSC) 是微軟公司推出的一款免費開源的現代化輕量級代碼編輯器，支持幾乎
所有主流 的開發語言的語法高亮、智能代碼補、GIT 等特性，支持插件擴展等等。
推薦理由
-
比 sublime 開源，比 webstorm 更輕
-
智能提示很強大
-
自帶 emmet
-
插件安裝非常方便
-
自帶強大的調試功能
-
軟件跨平台支持 Win、Mac 以及 Linux。
2. VS Code安裝
2.1 VS Code 安裝
官網下載地址：//code.visualstudio.com/
安裝步驟：
傻瓜式安裝，直接下一步即可。
-
如果需要改變默認的安裝路徑，在選擇目標位置時直接修改即可。
-
為方便以後使用，建議創建桌面快捷方式。
3. VS Code使用
3.1 文件目錄管理
- File（文件） — open floder （打開文件夾）
- 界面主要分為EXPLORER（資源管理界面）和代碼編輯頁面。
3.2 顏色主題
- 設置首選項按鈕 — color Theme
- 在彈出的選擇主題界面，選擇喜歡的主題界面即可。其中Monokai是與sublime一致的風格。
3.3 其他操作
-
放大縮小視圖：ctrl + + 和 ctrl + –
-
向上複製一行：alt+shift+↑
-
向下複製一行：alt+shift+↓
-
當光標點擊到某一行時，默認選中全行，可以直接複製剪切
3.4 VS Code 使用總結
-
VS Code 是微軟公式推出的一款非常輕量級、好用的編輯神器
-
能去官網下載安裝這款軟件
-
學會目錄管理文件功能：File（文件） — open floder （打開文件夾）
-
學會更改顏色主題：設置首選項按鈕 — color Theme
-
能記住最常用的幾個操作快捷方式
4. VS Code 插件安裝
4.1 安裝方法
點擊左側擴展圖標，在搜索框輸入需要安裝的插件名稱，點擊install進行安裝即可。安裝完畢，需要重新加載
軟件使插件生效。
4.2 推薦安裝的插件
| 插件 | 作用 |
|---|---|
| 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 | 追蹤至樣式 |
注意：插件安裝需要聯網。
禁用或卸載已安裝的插件
在擴展界面，點擊「更多操作」（三個點），選擇「顯示安裝的擴展」，在列表中找到需要禁用的插件，點擊「禁用」或
者「卸載」即可。同樣操作完畢需要重新加載生效。
掃一掃下面的二維碼，關注我們，獲取更多精彩活動資訊，有好禮相送哦~
