https://www.xiaobuteach.com/html/introduce/dev-env.html?from=bili

HTML 開發(fā)環(huán)境搭建

HTML開發(fā)環(huán)境建議兩個軟件：網(wǎng)頁瀏覽器Chrome、開發(fā)工具VSCode。

網(wǎng)頁瀏覽器Chrome

Google公司旗下產(chǎn)品，目前大多數(shù)瀏覽器（包括微軟Edge、360瀏覽器）的內(nèi)核也使用了Chrome。優(yōu)點：快；調(diào)試方便。

開發(fā)工具VSCode

HTML的開發(fā)工具經(jīng)歷了：文本工具、Dreamweaver、HBuilder、WebStorm、VSCode。

目前，前端主流開發(fā)工具是VSCode。

VSCode：visual studio code，微軟公司旗下的開發(fā)工具，提供豐富插件，使用簡單，功能強(qiáng)大。

1 Chrome下載安裝

官網(wǎng)下載地點：

https://www.google.cn/intl/zh-CN/chrome/

當(dāng)前可以訪問，如果Chrome官網(wǎng)無法直接訪問，可以通過軟件下載管家（360、騰訊）進(jìn)行下載安裝。

下載安裝器

安裝完成后，將程序固定到任務(wù)欄，方便以后使用。

訪問網(wǎng)頁測試

將Chrome設(shè)置為默認(rèn)瀏覽器

[WIN+I]打開Windows設(shè)置 窗口，選擇 應(yīng)用

選擇 默認(rèn)應(yīng)用 ，Web瀏覽器選擇 Chrome瀏覽器。

以后打開網(wǎng)頁會默認(rèn)使用Chrome瀏覽器。

2 VSCode下載安裝

官網(wǎng)地址

https://code.visualstudio.com/

點擊 Download for Windows下載安裝包。

下載完成

運(yùn)行

3 VSCode漢化

點擊 Help菜單 — Show All Commands，或者直接按快捷鍵 Ctrl+Shift +P

輸入Configure Display Language

選擇 中文（簡體）。

重啟

漢化成功。

本人習(xí)慣英文版，按照上述操作，重新選擇 English。

4 VSCode插件安裝

插件Open In Default Browser

作用：支持在VSCode通過菜單打開默認(rèn)瀏覽器瀏覽頁面，內(nèi)嵌HTML服務(wù)器。

安裝方法

點擊Extensions（擴(kuò)展）面板，搜索相應(yīng)的插件 Open In Default Browser，點擊右下角的Install按鈕。

查看已安裝插件

INSTALLED下列出已安裝插件。