2022新版前端開發工具vscode使用教程之下載安裝詳解

IDE（Integrated Development Environment，集成開發環境）是含代碼編輯器、關鍵詞高亮、智能感應、智能糾錯、格式美化、版本管理等功能於一身的 "高級代碼編輯器"

每個IT工程師都要有自己順手的IDE，它是我們的武器

要理解無論使用什么IDE編寫出來的代碼，本質上都是 "白底黑字" 的，都是 "純文字" 的

前端開發主流的 IDE

IDE名稱	公司	是否免費	功能強大度
Visual Studio Code	微軟	是	強大（推薦）
Sublime	個人開發者	是（需要注冊）	適中
Atom	GitHub	是	適中
WebStorm	JetBrains	否	非常強大
HBuilder	DCloud	是	非常強大

為什么現在不用 Dreamweaver 了

Dreamweaver 是曾經網頁制作的王牌IDE，推崇 "所見即所得" ，用拖拽控件的方式進行網頁開發

但近幾年，前端開發技術，形式已經發生了根本性的變化，Dreamweaver現在不是前端工程師的主流選擇了

 

Visual Studio Code 簡介

Visual Studio Code 簡稱 VSCode ，來自微軟公司，優點：內置功能非常豐富、插件全且安裝簡單、輕量、有 MAC版本。

 

 

 

VSCode 下載

官方網站：https://code.visualstudio.com/ 下載最新版本的 VS Code

 

 

藍色按鈕會自動識別電腦操作系統，到適合的版本，只需要點擊下載即可

window 版 VScode 安裝流程

（1）下載 Vscode 安裝文件

 

 

點擊上面的下載之后，它會跳轉至一個新頁面：

 

 

 

 

 

 

（2）下載完成vscode單擊運行，然后我們開始進行安裝

 

 

（3）選擇安裝的位置

• 安裝目錄文件所在，可選擇、可默認

 

（4）選擇開始菜單文件夾

 

• 你想在哪里放置程序的快捷方式，默認即可

 

 

 

（5）選擇附加任務

 

• 將以下四項都勾選上，桌面快捷方式需要就添加即可

• 添加到PATH：添加到系統環境變量中，勾選后，即可在命令行中使用 code . 即可打開Vscode

 

（6）准備安裝

 

 

 正在安裝

 

 

 

• 安裝完成

 

 

溫馨提示

本教程有配套的2節課的操作視頻，如果不會可以到主頁找到我們，可以獲取vscode的詳細安裝教程哦！