軟體安裝
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 安裝
官網下載地址：https://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 | 追蹤至樣式 |
注意：插件安裝需要聯網，
禁用或卸載已安裝的插件
在擴展界面，點擊“更多操作”（三個點），選擇“顯示安裝的擴展”，在串列中找到需要禁用的插件，點擊“禁用”或
者“卸載”即可，同樣操作完畢需要重新加載生效，
掃一掃下面的二維碼，關注我們，獲取更多精彩活動資訊，有好禮相送哦~
微信贊助 微信打賞 支付寶打賞
A thousand journey is started by taking the first step.轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/323020.html
標籤：Html/Css
上一篇：HTML學習筆記