第八章 live-server

最新推荐文章于 2022-10-31 14:42:55 发布
最新推荐文章于 2022-10-31 14:42:55 发布
阅读量226 收藏
点赞数
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lrqforest/article/details/109639307
版权

live-server

没有webpack，我们就无法使用webpack-dev-server运行这个项目，实现热部署。
所以，这里我们使用另外一种热部署方式：live-server

这是一款带有热加载功能的小型开发服务器。用它来展示你的HTML / JavaScript / CSS，但不能用于部署最终的网站。

安装命令

npm install -g live-server

运行命令

live-server

输入命令 live-sever 启动，默认会自动打开浏览器，并且访问8080端口，若出现Error: listen EACCES 0.0.0.0:8080 问题，说明是端口被占用了。
其中一种解决办法为：更换本地的端口，执行下述指令，即可

live-server --port=8083
lrqforest
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
live-server 快速搭建静态服务
weixin_30647065的博客
06-14 215
作为切图仔呢，平时都是在修改页面样式、展示后台返回的数据、调试js效果，这时候呢就需要搭一个服务器以便我们调试。平时我一般用的都是wamp，在www目录下新建项目然后开始撸代码，不过有时候呢不太方便，如果想实现自动刷新呢还需要和webpack配合做一些配置，今天就介绍一个插件live-server，只需执行一条命令它就可以帮我们自动打开浏览器，并且我们每次修改它都会自动刷新，不用我们每次...
VsCode安装插件LiveServer指定浏览器报错找不到
eternally_zh128@sina.com的博客
09-15 1524
问题描述： 安装VsCode后不想使用默认的IE浏览器，想要指定Chrome或者Firefox，但是安装插件Liver Server 或者其他浏览器插件，指定默认浏览器时，Windows报错，找不到chrome或者firefox。 在看了网上很多贴出的在settings.json里配置，亲自实践后并无效果，后来自己探索后，发现插件找不到你的chrome或者firefox并不是你电脑上没安装，更不是你没安装在C盘；而是因为当插件比如Liver Server 指定浏览器后，windows系统会去根据系统变量去查
三、手动创建live-server前端服务器
基督山伯爵的博客
10-26 660
                                   手动创建live-server前端服务器 创建web服务器 D:\Vue\VueExample>npm
live-server安装使用
橙-极纪元-cplvfx-JJY.Cheng
01-28 854
第一步:安装node.js 百度搜索node.js，下载最新版 安装就行了 第二步：安装live-server 全局安装 运行 CMD，输入下面代码 简写代码： npm i -g live-server 完整代码： npm install -g live-server 安装 提示这个就安装成功了 第三步：运行 cmd命令指向到项目根目录输入 live-server 截图 延伸阅读 转载：https://www.jianshu.com/p/a1...
VS code实用插件Live Server安装
hortonwei的博客
04-26 1056
Live Server的好处是访问页面不用输入地址，还可以实现页面自动刷新 在扩展中安装Live Server后 写一个测试页面： 右键选择Open with Live Server 浏览器就可以看到结果了 将123改为456，保存，浏览器自动刷新 ...
red5-server
12-13
"red5-server-master"文件夹中的内容是Red5 Server的源代码仓库，包含服务器的核心组件、模块和服务。通过研究源代码，开发者可以了解其内部工作机制，如连接管理、流处理、存储等，并且可以对其进行扩展或定制以...
dental-hospital-server
04-13
从压缩包子文件的文件名称列表 "dental-hospital-server-master" 我们可以推测，这是一个Git仓库的主分支（master分支）的克隆。通常，这样的文件结构会包含项目的源代码、配置文件、测试文件以及其他相关资源。以下...
raspivid-broadcaster:使用@ 131的h264-live-player但在多个观察者中苦苦挣扎？ 在这里，我提出了一个简单的服务器来为您解决
04-01
通过这个项目，用户可以在不依赖可能受限的第三方播放器的情况下，利用树莓派和自建的Websocket服务器实现高效的多用户视频直播。这不仅可以提高观看体验，还能减轻服务器负载，适应大规模的并发观看需求。
mock-hls-server：从VOD伪造一个liveevent HLS流。 对测试有用
02-05
模拟HLS服务器 从视频点播中获取实时/事件HLS流。 对于测试很有用。 用法 npm install -g mock-hls-server 全局安装。 mock-hls-server 将启动在“ ”上运行的服务器... initialDuration ：流中应在第一个播放列表请求
解决vscode插件Live Server默认端口号无法修改的问题
最新发布
weixin_46166330的博客
10-31 3068
首先你先看看你的工作区有没有一个.vscode的文件夹，点开以后有一个setting.json的文件，没错就是它，点进去修改就OK了；但如果你发现你确实修改了，但是重新运行时依然还是原来的端口号，或者更甚的，一开始就直接不是5500，可能是5501、5502等等，先随便运行一个html文件，注意看右下角的数字，如果是5500，那么很大可能是默认的，很容易修改。找到这个以后，点进去，就可以改为你想要的，在重新运行html文件，你就可以看到修改成功了。先在你的扩展里找到Live Server插件=>扩展设置。
HBuilderX.2.4.6.20191210
02-13
下载请校验文件hash： SHA256: C8C474DE410F505AD38522E31F4FCD40D8F23C44ADACEE6A131F33D0598362C1
VSCode和HBuilder编辑器
ypf2019的博客
01-13 4029
1.VSCode：因其控制、调试和插件功能丰富而被开发者信赖， （1）常用插件：代码美化 Beautify、代码检查工具 ESLint/Prettier、调试工具 Debugger for Chrome、Auto close Tag、css Support等。 优点：快速注释 Document This、代码拼写检查 Code Spell Checker，其他（模板快速生成、tag检查、内部集成Git、ES6code检索与版本兼容、snippets提示）、查看大纲的html树，less的层序、每个js方法
Live Server的端口问题
zzy7075的专栏
10-08 3388
本人使用nginx启动了端口5550的网站，然后在VSCode也启动一个Live Server，通过live server扩展配置如下： { "liveServer.settings.donotShowInfoMsg": true, "liveServer.settings.port": 5550, "workbench.startupEditor": "newUntitledFile", "[javascript]": { }, ...
修改HBuilder的livereload添加自定义响应模块
qq_33641175的博客
04-16 660
需求 使用HBuilder开发html模块, 图他的自动刷新, 但是自带的服务器只能访问静态资源, 不够灵活 使用 json-server, 前端网络工具用的ajax, 不支持POST跨域 配置nginx解决跨域, 本来就是图方便, 怎么还能让人点2次呢 之前改造过livereload, 我觉得可以再改一次 过程 通过比对HBuilder服务器启动前后的进程列表, 确定使用的是node.exe 通过命令获取所有node进程的启动命令 wmic process where caption="node.
HBuilder X 终端使用webpack，live-serve等命令报无法加载文件
dw10railgun的博客
12-05 3851
在HBuilder X自带终端使用命令的时候npm下载的插件命令全部报错无法使用！ 这里参考https://blog.csdn.net/hl971115/article/details/102078132的方案。 按该方案操作完后，在系统环境下webpack，live-serve等命令可以使用了，但是在HBuilder X自带终端内仍然不可用。 我先重启了系统再试一下，发现然并卵。 打开HBuil...
启动本地服务神器：live-server
Yang'blog
10-31 1692
live-server 功能 搭建临时的服务 修改文件浏览器自动刷新 自动打开项目 使用 安装 npm install -g live-server 实际使用 ----project -------src -------img -------lib -------indexhtml 如上面项目目录树： cd porject live-server --port=8080 ...
使用Hbuilder实现直播推流与直播观看
小屁孩大帅-保密的博客
02-26 1204
Hbuilder的HTML5+规范确实给众多开发者带来了很多便利，目前直播应用比较多，测试了一下H5 plus的直播推流与观看API确实可用，但是比原生应用要逊色一些了，测试一下是可以的，如果要做成型的产品可能要斟酌一下了，实际测试声音还原不够好，另外推流后客户端播放使用rtmp协议是可以正常播放，如果...
live-server安装与使用
simpleshao的博客
12-21 7919
原文链接：https://www.jianshu.com/p/6661aaebf412 live-server是一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。 使用live-server，首先需要安装它： npm in...
实战Hyper-V：构建与管理虚拟化数据中心
第七章和第八章则讨论了使用SCVMM和App Controller操作私有云，以及利用Microsoft Azure构建公共云数据中心基础设施的方法，帮助读者理解私有云和公有云的运营模式。 最后一章涉及Hyper-V和System Center的许可信息...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值