很多html編輯器都有自帶的預覽選項 ， 但是vscode編輯器并不能直接預覽html文件 ， 今天咪咪我就來分享一下vscode預覽html文件的方法 。 工具/材料 電腦
【vscode怎樣預覽html文件呢】vscode
操作方法 01 首先 ， 在vscode里面新建一個項目 ， 然后再在項目里面新建html文件 ， 注意 ， 必須要在項目里面新建html文件才行哦 。
02 之后 ， 我們點擊vscode界面左邊的擴展圖標 ， 如圖所示 ， 這個就是擴展圖標 。
03 之后 ， 就可以打開擴展搜索窗口 ， 擴展其實說白了就是插件 。
04 接著我們在輸入框輸入view ， 然后選擇view in browser,點擊右下角的安裝按鈕即可開始安裝 。
05 如圖 ， 安裝擴展還是比較快的 ， 安裝好之后點擊“重新加載”按鈕 ， 這樣才會有效哦 。
06 如圖 ， 他會提示你要重載窗口 ， 點擊“重載窗口”按鈕就可以了哦 。
07 接著 ， 我們在之前的html文件上面單擊鼠標右鍵 ， 然后右鍵菜單就會出現這個“view in browser”選項 ， 選擇它即可預覽 。
08 如圖 ， 接著就會在默認瀏覽器中打開html文件 ， 我的默認瀏覽器是搜狗瀏覽器 ， 當然 ， 你也可以自行設置默認瀏覽器哦 。
特別提示 注意 ， 必須在項目文件夾里面新建html文件 ， 否則無法打開view in browser菜單哦 。
以上內容就是vscode怎樣預覽html文件呢的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 怎樣用CAD畫圓錐？
- vscode怎樣設置英文或其他語言
- 怎樣用CAD畫一朵花？
- vscode怎樣設置顏色主題和字體大小呢
- 怎樣可以讓別人主動加我的微信？
- Hbuilder怎樣運行nodeJS程序呢
- 如何使用PS快速制作發光效果
- 完美世界怎么添加好友 完美世界怎樣找組隊好友
- 紅木茶具怎樣保養
- 怎樣選擇一套好的茶具