我們可以安裝兩個插件：

1.open in browers

使用：htm文件中右鍵，點擊右鍵菜單的view in browser，即可打開瀏覽器運行；

alt+b，運行；

alt+shift+b，切換不同瀏覽器運行；

優點：可以運行多個界面

2.view in browers

使用：htm文件中右鍵，點擊右鍵菜單的view in browser，即可打開瀏覽器運行；

但這兩種插件，預覽時需要另外跳轉到谷歌瀏覽器，打開一個標簽頁，調試時跳來跳去，不太方便。

3.推薦使用Live Server Preview，

這個插件不用另外打開瀏覽器；它是直接在Vscode里面預覽html的，并且是自動實時更新的，不用不停地Ctrl+S保存查看

使用：F1 -> 彈出一個窗口輸入live，然后右邊出現預覽窗口

隨著移動互聯網的發展，Web前端行業也越來越收人青睞，因為它就業前景、薪資待遇都很好。那么Web前端究竟是什么呢?想做Web前端需要學哪些知識?

Web前端就是網站的前臺部分，運行在瀏覽器的pc端或移動端給用戶瀏覽的網頁。目前web前端技術被廣泛應用于網站頁面制作，微信、移動app開發，休閑小游戲制作等地方。

Web前端技術主要包含html5、css3、js這三種。如果把一個網頁比喻成一個完整人，那么html就是他的骨架，css決定了他的外觀，而js則決定了他提供的功能。其中HTML5賦予頁面賦予網頁更好的意義和結構。Css3可以賦予頁面上文字和圖片豐富的樣式，而js則給頁面加上動態交互效果。所以這想做好Web前端首先要學好這三項技術。

除了上面說的三種技術外，做Web前端還需要學習框架知識，也就是node、Vue、React、Angular等。同時做前端還要學習一些后端知識，方便工作中與后端工程師溝通工作。

以上技術都學會后，你就是一名合格的Web前端工程師了可以做大部分的Web前端的工作。當然由于近幾年小程序越來越火，所以很多公司在招聘時還會要求前端工程師懂小程序制作，所以想要自己的就業前景進一步拓寬還需要學習Canvas 、mpvue、第三方 AI 平臺的使用、React Native等技術。

以上就是Web前端的定義以及想做Web前端需要學習的知識。

通過css偽類中的“hover”來實現。

1、新建html文件，在body標簽中添加一個div標簽，div標簽里面嵌套一個p標簽，然后添加p標簽內容，這里以“演示文本”為例：

2、在head標簽中添加style標簽，然后在style標簽中給p標簽設置預先顯示樣式，預先是先不顯示的，所以給p標簽設置的屬性代碼是“p {display: none; }”；再給div設置寬和高，這里為了演示方便，為div設置一個灰色的背景色，代碼為“div {width: 100px; height: 100px; background: #ccc; }”：

3、給div標簽添加hover偽類，然后打出一個空格，再設置此時p標簽的顯示樣式。代碼為“div:hover p {display: block; }”，這段代碼的意思是，當鼠標放在div上時，將p標簽的顯示狀態從隱藏改成顯示，此時p標簽中的文字就會顯示出來：