Mac版WebStrom教程（一）HTML5搭建

Nicolelovesmath發表於2016-12-01
MacWebHTML

WebStorm教程（一）Html5搭建：Hello，World！

更多開發資訊，歡迎關注我的新浪微博：Jenny愛學習


WebStorm具有強大的前端開發能力。本系列將給大家介紹版WebStorm入門及開發。歡迎感興趣的同學共同討論學習

一.WebStrom 簡介


二.WebStorm的快捷鍵

 快捷鍵環境 Mac 10.5+

偏好設定：Command +，                    

插入一行：shift+回車

註釋：command +shift +／

刪除一行：command+delete

對其全部程式碼：command+option+L


三.快速建立一個HTML檔案

1.開啟WebStorm——Creat New Project——（左邊欄）Empty Project——（給專案命名）——（選擇）Creat（確認建立一個工程）

2.進入編輯工程介面：

     1）【方法一】在命名處右鍵——New——HTML File

            【方法二】command +N——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頁面出來啦！



如果本篇文章對您有幫助，


相關文章