"npm start" 解析

場景

前端測試，需要一個簡易服務器支撐。

解決方法

使用node.js

步驟

1. 在工程文件夾下安裝nodejs的"http-server"模塊。

    npm install http-server

    注：1）不推薦全局安裝，浪費空間且不利於管理

　　　2）此模塊本質就是一個nodejs寫好的可以接受參數的js文件，和自己引入http模塊寫的簡易服務器原理相同

2. 在工程文件夾下新建"package.json"文件，寫入

　　

{
    "scripts": {
        "start": "http-server -a 0.0.0.0 -p 8000"
    }
}

 

   作用：由於采取非全局安裝，將"start"寫入配置文件后可以通過npm start快速啟動服務器，

              而無需進入node_module文件夾啟動。

3.准備index.html文件，否則你的瀏覽器將顯示文件夾內容。然后在工程文件夾下 npm start

　

效果