AI 助理
备案控制台
开发者社区 彭世瑜的博客 文章 正文

live-server启动一个热更新的静态服务器

2021-11-25 410
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： live-server启动一个热更新的静态服务器

Python可以直接启动一个静态服务器

# python2
python -m SimpleHTTPServer
# python3
python3 -m http.server

live-server

live-server可以热更新，文件修改之后浏览器自动刷新，不用手动去刷新了，简直就是前端小能手！

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

安装

npm install -g live-server

进入文件目录启动

$ live-server

可以配置到package.json中，并对其端口进行修改

"scripts": {
    "dev": "live-server ./ --port=8081"
  },

这样就可以这样启动

npm run dev


文章标签：
视频直播
Python
前端开发
码农技术君
目录
相关文章
iOS开发欢乐使者
|
监控 NoSQL 网络协议
使用cpolar内网穿透随时查看家中监控摄像头
使用cpolar内网穿透随时查看家中监控摄像头
iOS开发欢乐使者
497 0
技术小甜
|
编解码 Ubuntu Linux
ubuntu16.04 14.04 安装 vnc server 及eclipse配置
技术小甜
3558 0
Suxiaoxiang
|
1月前
|
缓存 Rust 前端开发
深入理解 Webpack 与 Vite 的构建差异与性能边界
本文深入对比 Webpack 与 Vite 的构建原理与性能差异。Webpack 采用“打包优先”策略，功能强大但启动慢；Vite 基于原生 ESM 实现“按需编译”，显著提升开发效率，冷启动和 HMR 速度远超 Webpack。生产环境下 Vite 凭借 esbuild 和 Rollup 生成更小体积、更快构建。二者在生态、配置、资源消耗等方面各有优劣，适用于不同场景。新项目推荐优先考虑 Vite，追求极致开发体验；大型复杂项目仍可选用 Webpack。理解其核心差异是优化构建流程的关键。
Suxiaoxiang
247 1
mao29955
|
敏捷开发 弹性计算 运维
微服务架构的优点有哪些？
微服务架构的优点有哪些？
mao29955
827 61
云流雨洄
|
9月前
|
存储 移动开发 安全
支付宝H5下载被拦截的原因排查与解决指南
在支付宝H5页面中，“请确保该下载文件来源安全”的提示通常源于支付宝的安全拦截机制。原因可能包括：1) 安全策略限制，如非HTTPS协议或未通过白名单审核；2) 文件下载方式不规范，如自动触发下载；3) CSP配置不当。解决方案包括：确保使用HTTPS协议、让用户主动触发下载、正确配置CSP、检查文件类型与存储位置、申请支付宝白名单以及遵循官方文档规范。调试时可查看控制台日志和网络请求状态，必要时联系支付宝技术支持协助排查。
云流雨洄
523 0
程序员小海绵
|
存储 Java 关系型数据库
学成在线笔记+踩坑（0）——面试问题
介绍你的项目、项目难点、表是怎么设计的？、断点续传是怎么做的?、如何保证任务不重复执行? 、任务幂等性如何保证、分布式锁的三种实现方式
程序员小海绵
403 1
学成在线笔记+踩坑（0）——面试问题
zcq5jk6y5y5e4
|
XML JSON 算法
网络地图服务（WMS）详解
网络地图服务（WMS）详解
zcq5jk6y5y5e4
540 0
王平安
|
移动开发 JavaScript 前端开发
前端常见跨域解决方案（全）
前端常见跨域解决方案（全）
王平安
1035 0
天涯学馆
|
IDE 前端开发 JavaScript
Prettier与ESLint：代码风格与质量的自动化保证
这两个工具协同工作以确保代码一致性。Prettier负责自动格式化，包括缩进、引号等，而ESLint执行静态分析，检查潜在错误和风格。Prettier配置文件如`.prettierrc`，ESLint配置如`.eslintrc.js`。安装它们并集成，例如使用`eslint-plugin-prettier`和`eslint-config-prettier`。在提交前，可通过husky和lint-staged在本地自动运行格式化和检查。IDE中配置插件可实现实时反馈。自定义规则和选择共享配置（如airbnb）以适应项目需求，并在CI流程中集成以保持高标准。
天涯学馆
436 1
yuanzhengme
|
存储 监控 数据库
neo4j如何查看日志信息
【5月更文挑战第2天】neo4j如何查看日志信息
yuanzhengme
855 2