windows+node环境下启动静态服务器的最便捷方法

应用场景

当你需要在服务器环境中查看前端网站效果，但又懒得打开各种工具时——

1.确保安装了全局node环境（这里不写安装node教程）

当你运行node -v，输出对应版本时，即为安装成功。例如：

2.打开命令行窗口，全局安装live-server：

npm install live-server -g

# 或者已经设置了cnpm，也可以如下
# cnpm install live-server -g

3.在网站代码的根目录下（也就是index.html所在的同级路径下），创建server.bat文件：

4.使用文本编辑器打开server.bat，写入：

live-server --port=8080
# 注意端口不要冲突

保存后退出编辑，双击server.bat运行文件，如果弹出如下窗口，则启动成功！

5. 需要关闭静态服务器进程时，关闭弹出的cmd窗口即可。

6. 当你需要设置新的静态服务器时，只需要重复第3、4步：新建xx.bat文件并确保端口不冲突即可。

7. 经过测试，可以同时启动两个静态服务器！

补充：手机调试网页

1.手机和电脑连到同一个wifi，必须使两者处于同一个网段中。

2.打开命令行窗口，输入ipconfig：

查找电脑WLAN下的IPV4地址：

如上图，得到局域网访问地址为192.168.0.102。

电脑默认自动分配IP，如果电脑wifi断开重连，可能导致局域网访问地址改变,live-server无法启动。此时，需要重复第2、3步。

3.修改server.bat，添加--host：

live-server --port=12327 --host=192.168.0.102

4.保存后，双击server.bat运行，弹出网页：

5.使用二维码生成器生成二维码。二维码插件可以从浏览器插件扩展中获取。

6.打开手机扫描工具（或者微信扫一扫），扫描二维码，即可成功在手机中打开网页！

参考资料

• 利用Node.js快速启动本地静态服务：http-server和live-server