webstorm怎麼運行調試html


WebStorm教程(一)HTML5搭建:Hello,World!


一.WebStrom 簡介


三.建立一個HTML文件


1.打開WebStorm——Creat New Project——(左邊欄)Empty Project——(給項目命名)——(選擇)Creat(確認建立一個工程)


2.進入編輯工程界面:


1) 在命名處右鍵——New——HTML File

2)(給頁面命名)——OK


如圖:



WebStorm強大的地方就在於它已經劃分好佈局,隻需填寫執行代碼即可完成頁面。


這裡我們增加的代碼如下(可復制粘貼)


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首頁</title>
</head>
<body>
Hello,World!
</body>
</html>

效果截圖


想要查看頁面效果,選擇工程編輯區右上角的瀏覽器(需要事先安裝),這裡我選擇谷歌的Chrome瀏覽器,Chrome瀏覽器采用的是WebKit的內核



第一個搭建的HTML頁面出來啦!


0 個評論

要回覆文章請先登錄註冊