如何在電腦本地執行配置純靜態的html專案?

有的時候前端設計工程師或者美工需要在自己的電腦執行純靜態的html程式碼來調整專案的樣式或者設計網頁格式,那麼就需要一款專門的執行工具來滿足要求,今天筆者就為大家介紹如何在自己的電腦本地配置純靜態html專案

工具/原料

電腦或者筆記本

方法/步驟

開啟百度搜索,查詢"HBuilder",進入官網找到下載地址,點選下載.

下載完成後解壓縮到當前資料夾,然後將檔案放在你想要放在的路徑之後,開啟軟體資料夾,找到HBuilder.exe可執行檔案,雙擊或者右鍵開啟執行(因為軟體是綠色版,所以不需要安裝)

執行後你會看到一個登陸介面,這是因為軟體需要官方註冊,點選下方的註冊按鈕

輸入自己常用的郵箱和自己想設定的密碼就可以了,過程極其簡單,然後點選註冊並登陸

登陸之後就會看到軟體的預設介面啦,左側是專案目錄區,上邊是選單欄,中間是程式碼編輯區

然後如果你想新建專案,那麼就選擇新建專案選項,如果你想開啟的是你本地的html專案,那麼久單擊開啟專案,如果你的文字包含多個專案,則開啟專案路徑

開啟之後可以在右側看到你的專案目錄啦,然後找到你的靜態專案的引導檔案,雙擊開啟,就會在軟體的程式碼編輯區看到你的檔案的具體內容,只是找到選單欄中的執行->選擇相應的瀏覽器,執行你自己的html靜態專案,由於HBuilder本身帶有自己的伺服器執行環境,所以使用起來相當方便