国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

<noframes id="6skkq"></noframes>

<menu id="6skkq"><tfoot id="6skkq"></tfoot></menu>

<menu id="6skkq"><rt id="6skkq"></rt></menu>

<button id="6skkq"></button>

前端本地原生開發(fā)好用的 http server 服務（npm 包形式、支持熱更新、簡單好用）

2年前作者：卡爾特斯分類：Toy博客閱讀(20)違法舉報

這篇具有很好參考價值的文章主要介紹了前端本地原生開發(fā)好用的 http server 服務（npm 包形式、支持熱更新、簡單好用）。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。

一、簡介

有時候在本地原生網(wǎng)頁開發(fā)的時候，需要起一個服務能夠直接訪問當現(xiàn)在正在開發(fā) index.html 等內(nèi)容，也就是希望通過 npm 包在進入項目文件夾后，直接可以起一個 可訪問的 http 鏈接，不希望在去安裝 nginx。
下面例舉幾個：
- serve：為本地靜態(tài)頁面創(chuàng)建一個可訪問的服務，不支持熱更新
- http-server：為本地靜態(tài)頁面創(chuàng)建一個可訪問的服務，不支持熱更新，支持 https
- live-server：為本地靜態(tài)頁面創(chuàng)建一個可訪問的服務，支持熱更新(運行起來默認支持，可以修改延遲時間)，支持 https
- alive-server：為本地靜態(tài)頁面創(chuàng)建一個可訪問的服務，支持熱更新(運行起來默認支持，可以修改延遲時間)，支持 https
- webpack-dev-server：為本地靜態(tài)頁面創(chuàng)建一個可訪問的服務，支持熱更新

二、serve 基本使用

安裝
```
$ npm i -g serve
```

使用

方式一：

# 1、進入靜態(tài)網(wǎng)頁文件夾
$ cd ./dist
# 2、起服務
$ serve

方式二：

# 1、在任意位置，指定給某個文件夾起服務，例如根目錄
$ serve -s ./dist

方式三：

# 1、修改端口號，默認 3000
$ serve -s ./dist -p 10008

三、http-server 基本使用

安裝
```
$ npm i -g http-server
```

使用

方式一：

# 1、進入靜態(tài)網(wǎng)頁文件夾
$ cd ./dist
# 2、起服務
$ http-server

方式二：

# 1、在任意位置，指定給某個文件夾起服務，例如根目錄
$ serve ./dist

方式三：

# 1、修改端口號，默認 3000
$ serve ./dist -p 10008

方式四：

# 起了服務，并打開瀏覽器
$ serve -o

# 以當前文件夾起了服務，訪問到指定子目錄層級，并打開瀏覽器
$ serve -o ./dist

四、live-server 基本使用

安裝
```
$ npm i -g live-server
```

使用

方式一：

# 1、進入靜態(tài)網(wǎng)頁文件夾
$ cd ./dist
# 2、起服務
$ live-server

方式二：

# 1、在任意位置，指定給某個文件夾起服務，例如根目錄
$ live-server ./dist

方式三：

# 1、修改端口號，默認 3000
$ live-server ./dist --port=10008

方式四：文章來源地址http://www.zghlxwxcb.cn/news/detail-763775.html

# 1、延遲熱更新，保證內(nèi)容輸入完成后在更新，延遲 1 秒，單位毫秒
$ live-server --wait=1000

五、剩下的自行看文檔

alive-server、webpack-dev-server 使用大差不差。

到了這里，關于前端本地原生開發(fā)好用的 http server 服務（npm 包形式、支持熱更新、簡單好用）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！

分享到：

領支付寶紅包贊助服務器費用

如何使用Node.js快速創(chuàng)建HTTP服務器并實現(xiàn)公網(wǎng)訪問本地Server
Node.js 是能夠在服務器端運行 JavaScript 的開放源代碼、跨平臺運行環(huán)境。Node.js 由 OpenJS Foundation（原為 Node.js Foundation，已與 JS Foundation 合并）持有和維護，亦為 Linux 基金會的項目。Node.js 采用 Google 開發(fā)的 V8 運行代碼，使用事件驅(qū)動、非阻塞和異步輸入輸出模型等技術來提高
2024年01月15日
瀏覽(96)
python3 簡易 http server：實現(xiàn)本地與遠程服務器傳大文件
在個人目錄下創(chuàng)建新文件 httpserver.py ：文件內(nèi)容為python3代碼：在需要暴露的目錄下啟動http服務，如 /data/codes/ 隨后在個人電腦訪問 http://ip:8888 即可瀏覽文件、上傳文件：
2024年02月08日
瀏覽(35)
在vscode中安裝使用live Server（前端搭建自己的本地服務器環(huán)境）
一、在擴展中搜索live Server，找到并下載，下載完后點擊設置圖標，點擊擴展設置 ?二、點擊在settings.json中編輯，在JSON中修改添加下列代碼端口號可配，注意不要與其他服務沖突； AdvanceCustomBrowserCmdLine填寫自己實際chrome的路徑； ?三、保存重啟vscode,點擊右下角的go live 就可
2024年02月16日
瀏覽(30)
73 # 發(fā)布自己的 http-server 到 npm
1、添加 .npmignore 文件，忽略不需要的文件 2、去官網(wǎng)https://www.npmjs.com/檢查自己的包名是否被占用 3、切換到官方源，然后檢查確認 4、登錄 npm 賬號 5、發(fā)布 6、查看發(fā)布情況，發(fā)布成功之后，等一會，我們就能看到自己的包在 npm 上了 7、更新版本，我們添加一個 README.md 文件
2024年02月11日
瀏覽(20)
nodejs項目實戰(zhàn)教程01——http服務和URL類，前端開發(fā)社招面試解答之性能優(yōu)化
需要在終端重新執(zhí)行一次node app.js瀏覽器的內(nèi)容才會刷新 4.如何獲取url中的參數(shù) ============================================================================ 4.1 URL類基礎建議大家可以先看看Node.js API文檔中的url 網(wǎng)址部分，這里做簡要說明。url字符串在nodejs的url模塊，有兩種解析API，其中舊版的
2024年04月11日
瀏覽(28)
前端vue簡單好用的上拉加載下拉刷新組件,支持列表分頁本地分頁
前端vue簡單好用的上拉加載下拉刷新組件,支持列表分頁本地分頁,?閱讀全文下載完整代碼請關注微信公眾號：前端組件開發(fā) 效果圖如下: ? ? ? ? #### 使用方法 ```使用方法 !-- pullDown:下拉刷新 back-top: 回到頂部? -- ccPullScroll class=\\\"pullScrollView\\\" ref=\\\"pullScroll\\\" :back-top=\\\"true\\\" :pullDo
2024年02月08日
瀏覽(24)
『前端必備』本地數(shù)據(jù)接口—json-server 詳細介紹（入門篇）
目錄前言 ?一、Node環(huán)境搭建 1-1 簡介 1-2 Node.js環(huán)境搭建 1-2-1 下載 1-2-2 安裝 1-2-3 驗證 1-3 npm簡介二、json-server環(huán)境搭建 2-1 簡介 2-2 安裝 2-3 創(chuàng)建數(shù)據(jù)庫 2-4 啟動 ?編輯 2-5 查看三、操作數(shù)據(jù) 3-1 查（get） 3-2 增（post） 3-3 刪（delete） 3-4 改（put 和 patch） Ajax 是前端必學的一個知
2024年02月05日
瀏覽(20)
python：http.server --- HTTP 服務器
HTTPServer 是 socketserver.TCPServer 的一個子類。它會創(chuàng)建和偵聽 HTTP 套接字，并將請求分發(fā)給處理程序。創(chuàng)建和運行 HTTP 服務器的代碼類似如下所示：該類基于 TCPServer 類，并在實例變量 server_name 和 server_port 中保存 HTTP 服務器地址。處理程序可通過實例變量 server 訪問 HTTP 服務器
2024年02月08日
瀏覽(27)
【前端-NPM私服】內(nèi)網(wǎng)使用verdaccio搭建私有npm服務器-docker搭建verdaccio流程
文章已收錄至https://lichong.work，轉(zhuǎn)載請注明原文鏈接。 ps：歡迎關注公眾號“Fun肆編程”或添加我的私人微信交流經(jīng)驗?? 在私有化的服務器上部署的一個支持發(fā)布、下載、版本管理等服務的npm倉庫。官方npmjs下載緩慢，需要設置鏡像源鏡像源：是以一定頻率定時同步npm官方
2024年02月03日
瀏覽(84)
[Python http.server] 搭建http服務器用于下載/上傳文件
動機：筆者需測試bs架構下的文件上傳與下載性能，故想通過Python搭建http服務器并實現(xiàn)客戶端與服務器之間的文件上傳和下載需求難點：這應該是很基礎的東西，不過筆者之前未接觸過http編程，謹在此記錄下學習的過程，可能不是最優(yōu)解方法：在服務器端部署html頁面，并
2024年02月11日
瀏覽(18)

<menu id="aqyqs"><rt id="aqyqs"></rt></menu>

<dfn id="aqyqs"><li id="aqyqs"></li></dfn>

<li id="aqyqs"><rt id="aqyqs"></rt></li>