live-server本地搭建临时服务

最新推荐文章于 2024-01-26 14:52:50 发布

原创最新推荐文章于 2024-01-26 14:52:50 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js

编程工具/技巧专栏收录该内容

3 篇文章

订阅专栏

在这里插入图片描述

live-server本地搭建临时服务

1.自动全局监听实时更新

2.浏览器自动打开项目，默认index.html

3.安装简单，启动方便

安装

npm install -g live-server

live-server -v  // 查看版本

使用命令

cd $repo
live-server

参数：

--port=NUMBER - select port to use, default: PORT env var or 8080
--host=ADDRESS - select host address to bind to, default: IP env var or 0.0.0.0 (“any address”)
--no-browser - suppress automatic web browser launching
--browser=BROWSER - specify browser to use instead of system default
--quiet | -q - suppress logging
--verbose | -V - more logging (logs all requests, shows all listening IPv4 interfaces, etc.)
--open=PATH - launch browser to PATH instead of server root
--watch=PATH - comma-separated string of paths to exclusively watch for changes (default: watch everything)
--ignore=PATH - comma-separated string of paths to ignore (anymatch-compatible definition)
--ignorePattern=RGXP - Regular expression of files to ignore (ie .*\.jade) (DEPRECATED in favor of --ignore)
--middleware=PATH - path to .js file exporting a middleware function to add; can be a name without path nor extension to reference bundled middlewares in middleware folder
--entry-file=PATH - serve this file (server root relative) in place of missing files (useful for single page apps)
--mount=ROUTE:PATH - serve the paths contents under the defined route (multiple definitions possible)
--spa - translate requests from /abc to /#/abc (handy for Single Page Apps)
--wait=MILLISECONDS - (default 100ms) wait for all changes, before reloading
--htpasswd=PATH - Enables http-auth expecting htpasswd file located at PATH
--cors - Enables CORS for any origin (reflects request origin, requests with credentials are supported)
--https=PATH - PATH to a HTTPS configuration module
--proxy=ROUTE:URL - proxy all requests for ROUTE to URL
--help | -h - display terse usage hint and exit
--version | -v - display version and exit

示例

mkdir server-demo
cd server-demo
touch index.html index.js

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./index.js"></script>
</head>
<body>
  <h1>liver-server</h1>
</body>
</html>

index.js

console.log('liver-server')

终端命令启动服务

live-server

浏览器自动打开index页面，变更html或js即可实时更新

152

配置到项目的package.json的scripts

"scripts": {
  "server": "live-server ./ --port=9999"
}

live-server本地搭建临时服务

live-server本地搭建临时服务

安装

使用命令

示例

配置到项目的package.json的scripts

关注公众号： 页面仔小杨 【实战干货、原创分享】

关注公众号：页面仔小杨【实战干货、原创分享】