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)

Syinho

live-server_live-server的安装与使用

安装

启用

参数设置

设定端口

设定主机

禁止自动打开浏览器

禁止打印日志

css文件更新时重载页面

.live-server.json文件

相关链接

公告