原文:前端在本地啟動服務預覽html頁面

在開發移動端項目時瀏覽器里出來的效果往往到真機上和預想的有出入,在開發過程中知道了一個可以在本地自己啟動一個服務器在手機預覽的辦法。 首先在終端安裝http。 npm i http server g。 g全局安裝 cd到需要查看的頁面的文件夾處 例如:必須是h 這個文件夾 cd h 可以看一下server下的命令有很多,可以通過http server h 查看, 但是常用的就是 c 運行查看項目 ...

2020-04-07 13:25 0 1304 推薦指數:

查看詳情

前端本地啟動服務預覽html頁面

在開發移動端項目時瀏覽器里出來的效果往往到真機上和預想的有出入,在開發過程中知道了一個可以在本地自己啟動一個服務器在手機預覽的辦法。  1、首先在終端安裝http。    npm i http-server -g。(g全局安裝)    安裝成功之后 ...

Fri Nov 23 19:01:00 CST 2018 0 6708
web前端常用的五種方式搭建本地靜態html頁面服務

方式一:live-server live-server是一款npm工具,可以在項目目錄啟動一個node服務,然后直接在瀏覽器中預覽,並且自動全局監聽實時更新。 兩種安裝方式: 直接使用live-server 首先在項目下npm初始化:npm init -y; 然后可以選擇 ...

Mon Mar 29 17:09:00 CST 2021 0 2930
VSCode 實時預覽 HTML 頁面

背景: 平時寫網頁時,只有寫完代碼,然后保存,接下來到瀏覽器中刷新查看效果,然后不停重復,我們發現很多時間就這樣浪費到了這三個步驟上,用戶體驗很差。 可以通過以下方法實現自動刷新網頁,實時預覽 一、VSCode 設置網頁代碼實時預覽 安裝插件 Live Server,然后右鍵點擊 Open ...

Sun Mar 01 20:35:00 CST 2020 1 24392
前端啟動本地服務的四種方法,看完不會你錘我

前邊幾篇文章介紹本地緩存,還有 WebSocket 等好多需要在服務內才能運行,上一篇介紹移動端適配,更是需要在手機端訪問頁面,此時就不得不介紹下如何在本地啟動服務,及手機如何訪問? 一、為什么需要本地服務? 調試移動端網頁調試方法: PC端瀏覽器的開發者模式中,選擇手機模式 ...

Tue Aug 24 20:18:00 CST 2021 1 783
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM