ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Live​Server

由 molnarmark ST3 热门

🌍️ 从 Sublime Text 直接启动开发服务器

详细信息

安装次数

  • 总 57K
  • Win 44K
  • Mac 5K
  • Linux 9K
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日 6月22日
Windows 22 19 9 18 11 19 14 10 19 12 11 15 14 17 21 17 8 9 16 15 13 15 12 14 16 13 27 19 10 21 10 13 11 15 6 18 13 8 14 16 13 19 18 22 8 14
Mac 5 3 0 0 1 2 2 3 5 1 1 1 3 3 3 5 4 2 1 1 5 1 5 2 1 0 3 6 4 6 2 6 8 1 1 4 1 1 0 4 2 2 2 4 0 5
Linux 3 6 5 4 7 7 2 5 5 7 4 3 2 5 4 7 5 1 5 6 5 7 2 6 7 3 6 1 2 3 3 4 6 8 3 5 6 4 9 6 6 6 2 4 8 8

README

源代码
raw.​githubusercontent.​com

从 Sublime Text 直接启动开发服务器！

📋 简介

此包集成 Live Server Node 包，允许从 Sublime Text 直接启动本地开发服务器来提供内容。

💡 关于 Live Server

Live Server 是一个 Node.js 工具，它可以启动给定目录中的本地开发服务器。

它具有实时浏览器重新加载功能，这意味着当您的 HTML &.CSS 文件有任何更改时，浏览器将自动刷新页面。

适用于静态站点，单页应用和一般的 HTML/CSS 编排。

❗先决条件

要使用 Live Server，您需要安装以下软件。

使用 npm 全局安装 Live Server，运行

npm install -g live-server

使用 Yarn 全局安装 Live Server，运行

yarn global add live-server

🌀 安装

包控制

此包在包控制中可用，名称为 LiveServer。

作为仓库

❓ 使用方法

此包公开了 3 个可以通过命令面板直接使用或绑定到键的命令。这些是

Live Server: Start

  • 映射到 live_server_start

Live Server: Stop

  • 映射到 live_server_stop

Live Server: Open In Browser

  • 映射到 live_server_open_in_browser

状态栏消息带有指示表情符号已集成到包中，显示以下情况的信息等

  • 🎉 Live Server正在运行
  • ❌ Live Server已停止
  • ✔️ Live Server状态

当开发服务器运行时，状态栏将显示一条状态消息，表明服务器正在运行。这在打开的实例的所有视图中是共享的。

🔨 设置

要更改您的设置，请打开命令面板并选择：偏好设置: Live Server 设置

默认设置如下

// Note: These are just mappings to https://github.com/tapio/live-server#usage-from-command-line
{
  "node_executable_path": "/usr/bin/node",
  "global_node_modules_path": "/usr/local/lib/node_modules",
  "port": 8080,
  "address": "localhost",
  "cors": true,
  "browser": "default",
  "nobrowser": false,
  "wait": 100
}

node_executable_path

  • Node 运行时程序的路径。您可以在终端中运行 whereis node 来找到此路径。
  • ##### 默认: /usr/bin/node

global_node_modules_path

  • 默认 node_modules 目录的路径。您可以在终端中运行 npm root -g** 或 **yarn global bin 来找到此路径。
  • ##### 默认: /usr/local/lib/node_modules

port

  • 服务器默认端口号。
  • ##### 默认: 8080

address

  • 主机地址。这应始终为 localhost 或 127.0.0.1。
  • ##### 默认: localhost

cors

  • 启用任何来源的 CORS。
  • ##### 默认: true

browser

  • 指定要使用的浏览器。

  • 有效值有

    • default
    • google-chrome
    • firefox
  • 默认: default

nobrowser

  • 通过将此设置为 true，浏览器将默认不打开服务器
  • ##### 默认: false

wait

  • 在更改后等待这些毫秒数，然后再重新加载页面
  • ##### 默认: 100

🔖 致谢