live-server, 通过本地 web 服务器去运行js代码

已于 2025-04-17 22:47:23 修改
阅读量188 收藏
点赞数 1
分类专栏： js 工具 文章标签： 前端 服务器 javascript
于 2025-02-28 14:11:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Yqha1/article/details/145927310
版权

这个标题不太会取，mdn中我看到

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Modules

在这里插入图片描述
然后我问ai，得出的并选择了一个解决方案

解决方案

运行的是这个程序

https://github.com/mdn/js-examples/tree/main/module-examples/basic-modules

1.Node.js + live-server（需安装 Node.js）​

# 全局安装 live-server
npm install -g live-server

# 需要解释的是，在某一路径下执行live-server，根目录就是那个目录
cd ~/playground/my-project/js-examples-main/module-examples/basic-modules

# 进入项目目录并启动
live-server

在这里插入图片描述

如果进的是前一个目录还会出现目录可供选择

cd ..
live-server

在这里插入图片描述

其他

live-server --port=8081
如何运行JavaScript代码：多种方法探讨
2201_75798391的博客
01-11 1913
在学习和开发JavaScript时，了解如何执行代码是一个基本但至关重要的技能。常见的运行JavaScript代码的方式包括在HTML文件中调用代码、使用Code Runner插件、以及在集成开发环境（IDE）中配置任务等。但是，JavaScript的运行方式远不止这些，下面将介绍几种常见的执行JavaScript代码的方式，帮助你更高效地开发。
JavaScript如何运行
weixin_43048780的博客
02-24 1万+
项目场景： 一些小伙伴刚入手前端开发，对Javascript十分陌生，下面就专门总结运行js文件的几种常用方法。 一、Node.js Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 1.下载 官网：https://nodejs.org/en/ 2.安装 安装非常方便，一路点next就好，最好安装在c盘，其他盘在使用中可能会遇到麻烦，亲测！！！
怎么直接运行js文件
wangzhen12138的博客
03-29 1万+
在我们编写js逻辑的文件时我们会考虑怎么才能直接将我们编写好的js文件直接运行，下面操作如下 1.首先定义好这个文件的文件名，XXX.js 2.其次在XXX.js路径下打开一个cmd 3.然后输入 npm init （通过npm指令来进行初始化） 4.一路回车如果XXX.js中有其他模块的依赖则 5.cnpm i 模块（如果没有依赖直接跳到第六步） 6.最后运行 node XXX.js 回车 ...
本地直接运行 js文件
菜鸟
05-08 1047
首先 执行 npm init 一直回车就可以了。然后在生成的package.json 里边加入。然后执行 node xxx.js 就可以了。
直接运行js，遇到的坑及解决办法
weixin_42499516的博客
02-24 950
一、在sublime按快捷键ctrl+b，运行js代码，会报下面截图错误： 解决办法：sublime不能直接运行js代码，可以在浏览器运行。 二、随便建个html文件 然后把你的js代码写道那个html文件的script标签中 然后在浏览器打开这个html文件 就能跑你这段js代码 ps：给script标签加个这个属性type="module" 浏览器打开html文件，F12打开控制台，点击Console，若报下面截图的错误： Access to script at 'file:.
使用live-server快速搭建本地服务器+自动刷新的方法
11-26
`live-server`是一款轻量级的开发用Web服务器，它不仅能够提供本地服务器环境，还能在你保存更改文件时自动刷新浏览器，这样你就不必手动刷新页面来查看更新。以下是使用`live-server`的步骤： 1. **安装**： 首先...
live-server-web-extension:它使您现有的服务器处于活动状态。 这是一个浏览器扩展，可帮助您实时重新加载动态内容功能（PHP，Node.js，ASP.NET-没关系）
05-12
Live Server-Web扩展 使现有服务器处于活动状态 简要描述;简介 该浏览器插件是VS Code编辑器（ ）中开发人员工具的扩展。 安装此附加组件以及VS Code扩展，它为您提供了一种在保存时自动更新网站的功能； 除了.htm和...
Live Server Web Extension-crx插件
04-02
直播服务器 - 使您的现有服务器Live - 这是一个Web扩展，可帮助您实现动态内容的Live Reload功能（PHP，节点 .js，aspnet - 无论如何，没关系）。 此扩展名为Live Server（Vscode扩展 - 必需v3.0.0 +）。 您必须为...
node-hls-server:在NodeJS上运行的简单HLS服务器
05-09
在NodeJS上运行的简单HLS服务器。 它负责将视频源重新混合到HLS中并提供服务。 特征 将Remux输入（视频或流媒体）输入到HTTP Live Streaming （HLS） 在专用端点上服务.m3u8和.ts段 支持自定义ffmpeg命令选项 用法 ...
在网页中运行自己编写的JS脚本的两种方式
热门推荐
luocheng7430的博客
06-27 8万+
一、F12打开调试工具，利用控制台运行JS脚本输入javascript:加上JS代码回车执行脚本二、通过浏览器收藏夹运行JS脚本以谷歌浏览器为例，新建收藏夹，网址处填写JS代码，添加收藏以后，点击图标即可执行...
js代码本地测试运行工具
积累HAPPY
07-09 1585
js代码本地测试运行工具，很方便,把以下代码另存为.htm文件即后，运行该文件输入要编写的js脚本运行即可。 <script> var userAgent = navigator.userAgent.toLowerCase(); var is_opera = userAgent.indexOf('opera') != -1 && opera.versio...
运行 JS 代码
我选择轴心，而不漠视旋转
08-05 927
在 Nodejs 中运行代码，实际是通过终端工具来运行 JS 代码。 终端工具的选择： VSCode 中集成的终端工具 windows 系统自带的命令行工具 运行代码 首先，终端路径要定位到当前要运行的 JS 文件所在目录，执行以下命令来运行 JS 文件： node 文件名 注： 文件名不需要每次输入完整，一般输入首字符，按Tab键会自动补全文件名。 输入过的命令都会记录在历史记录中，可以通过键盘上下箭头来查找历史命令记录。 终端常用路径切换命令 进入子目录（只能是当前路径的子..
运行JS脚本的几种方式
forward_huan的博客
07-01 4万+
如何运行JS脚本 直接运行 下载nodejs, 使用node *.js即可执行，方便快捷 如果*.js文件中有引入的第三方模块，需要先下载第三方模块 注意要使用require导入而不是import, import是ES6语法， 较新， 可能会导致js无法运行 初始化package.json : npm init or npm init -y 执行 npm install [模块名] --save 即可安装第三方模块，并自动加载进package.json配置文件中 使用IDE 使用VS
python3本地执行js代码
qq_32394351的博客
12-25 4479
主要通过第三方库 execjs来实现 1.安装: pip install PyExecJS -ihttps://mirrors.aliyun.com/pypi/simple/ 2.直接使用js代码中应有的函数 import execjs result= execjs.eval(encodeURIComponent(escape('万古杀帝'))) print(result) 3....
本地运行Nodejs项目
baidu_38995168的博客
07-21 3092
第一步新建一个node.js文件，代码如下： app.js文件 代码 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hel
如何单独运行js文件 / 如何在命令行模式下运行js文件
WinstonLau的博客
03-12 3万+
首先要确保自己的电脑安装了 Node.js，如果还没有安装，Windows 系统的请看这篇文章，macOS 系统的请看这篇文章
如何直接执行js代码
shaleilei的博客
12-10 6万+
我们常见的执行js代码都是放入到HTML引入后然后通过HTML文件来执行胡查看代码，显然这是比较麻烦的事情， 如果你的电脑里面安装了node.js，你可以使用node来直接使用node来运行你想要运行的js文件， 具体的操作如图所示：操作为：node 你所要执行的代码文件   例如我执行的是nodeshow.js文件 我的执行命令就是node nodeshow.js
【playwright】 page.get_by_类型方法
最新发布
qadnkz的专栏
04-25 377
在 Playwright 中，系列方法提供了一种更语义化、更直观的方式来定位页面上的元素。这些方法基于 HTML 的语义属性（如rolelabel等）或特定的 DOM 属性，能够帮助你更轻松地编写可读性高的测试代码。以下是 Playwright 提供的所有get_by_*
Julia语言的LiveServer.jl开发服务器：实现实时代码重载
通常情况下，可以创建一个Julia脚本文件，比如命名为`app.jl`，在文件中定义Web应用的路由和逻辑，然后运行`LiveServer.start()`，即可启动一个默认在本地8000端口监听的服务器。如果更改了`app.jl`文件，服务器会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值