live-server_live-server的安装与使用

安装

• npm install -g live-server
  

启用

• 直接在命令行输入live-server命令便可以启动本地服务器, 它会在当前文件夹下的任何文件(css文件除外)被修改时自动刷新当前打开的页面( 无论该文件是否被当前页面所依赖 )
  • css文件被更改时, 当前打开页面会同样会同步样式的修改, 但不会刷新页面

参数设置

设定端口

• 默认8080

live-server --port=3001

设定主机

• 默认127.0.0.1, host只能设置为当前局域网分配的IP地址

live-server --host=192.168.110.224

禁止自动打开浏览器

• 默认自动打开

live-server --no-browser       

禁止打印日志

• 默认打印

live-server -q

live-server --quiet

css文件更新时重载页面

• 默认情况下css更新并不会刷新页面, 只会重新引入文件

live-server --no-css-inject

.live-server.json文件

• 在windows系统中的%UserProfile%目录(注意不是当前的项目根目录)下如果存在一个.live-server.json文件, 那么它将被加载并用作命令行上live-server命令的默认选项

  • 进入%UserProfile%目录并创建.live-server.json文件

    • cd %UserProfile%
      type nul>.live-server.json
      

• 配置.live-server.json文件

  • {
        "port": 8181, // Set the server port. Defaults to 8080.
        "host": "0.0.0.0",  // Set the address to bind to. Defaults to 0.0.0.0 or process.env.IP.
        "root": "/public", // Set root directory that's being served. Defaults to cwd.
        "open": false, // When false, it won't load your browser by default.
        "ignore": "scss,my/templates",
        "file": "index.html",
        "wait": 1000,
        "mount": [
            ["/components", "./node_modules"],
            ["/image", "./myImageFolder"]
        ],
        "logLevel": 2
    }
    

  • 配置的详细信息看这里live-server - npm (npmjs.com)

相关链接

npm: live-server : https://www.npmjs.com/package/live-server

.live-server.json文件相关问题: [Config file .live-server.json · Issue #105 · tapio/live-server (github.com)](https://github.com/tapio/live-server/issues/105)