在VScode新建html文件夾


此博客鏈接:

在VScode中新建一個文件夾。

 

 在畫框位置選擇html格式

 

 新建文件夾前面出現兩個對着的尖括號則修改成功,然后點擊下圖打開文件夾位置,打開一個新建的文件夾,把新建的html文件保存在里面。

 

 

 

輸入一個英文的!,按tab鍵,可以生成一個html代碼

為后面運行代碼做准備

 下載google

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

下載瀏覽網頁的插件

1.view in browers

 

在自己想打開的htm目錄中右鍵,出現view in browser即可運行打開;

但是它只能打開一個界面,每次想運行下一個界面的時候,必須把前面一個界面關掉

2.open in browers

 

 

 

使用它的方式有alt+b運行;這種方法提示錯誤

 

 

 

或者切換alt+shift+b切換不同瀏覽器運行;按完alt+shift+b后出現下面頁面,選擇Google,提示無法訪問。

 

 

 

 

 

並且可以運行多個界面

上面失敗后,查找原因,原來是我新建html代碼操作錯誤。忘記先新建一個文件夾,把新建的文件保存到里面,上面已經給出正確步驟。

上面代碼按Shift+b是可以運行的,但是看不到任何效果,這里在body中添加一個Hello World!.

 

 

再次運行網頁,可以看到網頁上顯示Hello World!

 

 

 到此第一個html語言運行成功了,前端小白,剛剛學,不好的地方還望指出。一起加油。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM