道了html代碼的基本結構之后，接下來開始配置開發環境。因為不可能一直用傻傻的記事本去寫代碼，連語法高亮都沒有，寫起來很費勁。所以來裝一個東西，這個東西就是vs code。

·在搜索引擎上搜vs code，第一個就是它的官網了，點進去，點download，下載。

·下載完之后點開就可以開始安裝了。安裝很簡單，基本上只要去設置一下它到底裝在哪就可以了。比如一般放在這，一般是D盤。

·下一步快捷方式可以搞一下，其他這些東西無所謂了。下一步安裝，完成。

vs code就已經安裝好了，當然在桌面上也是能看到它的快捷方式的。比如在這里，可以在這里或者是這里去新建文件，打開文件，打開目錄等等。這里就直接在某個文件夾下去寫代碼了，就這里open folder，代碼的目錄是這個。選擇文件夾，這里彈出一個框，說你信不信任這個文件夾？那是我自己電腦，我肯定信任。yes。這里這個地方就是文件夾了。

·接下來來創建一個html文件，這里有個new file，點一下就可以給這個文件起個名字，比如就叫word，點html。注意后綴名一定要是對的，回車。

這個就是剛剛創建出來的html文件，還記得代碼怎么寫嗎？是不是三個元素：html、head還有body。所以html是有自動的提示的，而且會發現當把這個寫完之后，它會自動的幫你把結束的部分也補上來，這個就比較舒服了。head，還有個body，里面可以隨便寫點東西。

·寫完之后可以嘗試用瀏覽器來打開html的文件，這里右鍵，點這個，雙擊，谷歌確定。這個東西是不是我們這邊寫的代碼？沒錯吧？如果你要再改可以繼續改，加東西。注意，當你寫完之后想要保存可以按Ctrl加s。

·還有一點剛剛忘記說了，就是在vscode里面寫完代碼之后，比如加點東西，會看見這里這個東西是個白點，白點就是這個東西壓根就沒保存。沒保存就說明瀏覽器打開的代碼是之前的代碼，而不是現在的代碼。

就比如現在刷新，后面的東西是沒出來的，所以一般改完代碼之后會按個Ctrl加s保存，白點沒了之后就說明是保存過來的，一刷新，有了吧？但是這樣寫代碼也很不爽，不爽在哪？就是每改了這個代碼之后是不是都得保存，再刷新才能看到更新后的結果。

所以這里還是裝一個插件或者叫擴展，怎么裝？點extension，點一下，這里搜live server，這里第一個就是，點安裝，安裝完之后把這個擦掉，也把這個也擦掉。工具欄看起來很煩，可以把它隱藏掉，怎么隱藏？Ctrl加b，這樣就只看到這個代碼了，比較清爽一點。

怎樣用剛剛裝好的擴展？很簡單，右鍵，下面有個open with live server，點一下，它自動的讓瀏覽器運行HTML代碼了。這個東西有個什么好處？看一下，隨便下面加點東西，注意Ctrl加s保存，是不是？一保存了這里就更新了，再來試一遍，保存，你看是不是？這個就是live Server的作用。

.開發標準

開發標準即Web標準。主要包括結構（Structure）、表現（Presentation）和行為（Behavior）三個方面

• 結構標準：結構用于對網頁元素進行整理和分類，主要包括XML和XHTML兩個部分。
• 樣式標準：表現用于設置網頁元素的樣式、顏色、大小等外觀樣式，主要指的是CSS。
• 行為標準：行為是指網頁模型的定義及交互的編寫，主要包括DOM和ECMAScript兩個部分

2.開發工具

vscode、sublime text3、webstorm、HBuilder

有一起學習的嗎？請點贊收藏+關注哦！