使用 npx serve 快速启动本地静态文件服务器

于 2024-09-10 15:15:20 发布
阅读量220 收藏
点赞数 1
文章标签： node.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xjtarzan/article/details/142099791
版权

原文引用：https://segmentfault.com/a/1190000045107585

首先你得先下载并安装 node 和 npm node官方下载
然后可以进入你要启动的本地静态资源项目的目录下，启动windows控制台或Gitbash命令行工具，执行：

npx serve

这会启动一个本地服务器，默认监听端口 5000。你可以在浏览器中访问 http://localhost:5000 来查看 index.html 的效果。

夏日米米茶
关注
node常用模块
小菜鸟的博客
04-12 1210
node基础 node中文官网 node淘宝镜像 npx http-server 它是一个快速搭建本地路由的命令，也就是一个本地的server,相当于 const http =require('http') const server = http.createServer((req,res)=>{ let url =request.url //将请求的url传给后端 response.write(url)//写入url response.end()//如果不写end他就会一直等 //或者这种简
webpack-dev-server实现静态资源加载和proxy代理
鸭绒的博客
07-26 7791
文章目录webpack Dev Server配置选项1.静态资源访问2.Proxy 代理小结 webpack Dev Server webpack-dev-server 是 Webpack 官方推出的一款开发工具，根据它的名字我们就应该知道，它提供了一个开发服务器，并且将自动编译和自动刷新浏览器等一系列对开发友好的功能全部集成在了一起。 Webpack 官方推出 webpack-dev-server 这款工具的初衷，就是为了提高开发者日常的开发效率，而且它是一个高度集成的工具，使用起来十分的方便。 webp
npx serve 命令行介绍
最新发布
孔乙己的博客
07-23 869
npx serve 是一个强大且灵活的工具，为开发者提供了快速启动本地静态文件服务器的便捷方式。它简化了开发和测试过程，节省了时间和精力，并提供了多种配置选项以满足不同需求。通过结合实际应用场景和案例研究，可以更好地理解和利用 npx serve 提升开发效率。希望这篇详细介绍能够帮助你全面了解 npx serve 及其应用场景。如果你有任何问题或需要进一步的指导，欢迎随时交流。
使用 npx http-server 命令快速的开启一个静态服务器
TangAcrab的博客
11-08 8891
项目目录： 终端运行命令： npx http-server。默认 8080端口 浏览器 当然也可以指定端口号 npx http-server -p 3000
关于npx的基本知识
高先生的猫
06-25 5820
npx是一种在npm中安装工具，也可以被单独的下载使用 ，npx是npm5.2之后发布的一个命令，也就是只要npm的版本>=5.2就可以使用此命令；npx有很多用处，不限于通过npx http-serve来启动静态资源服务器。 npx 是什么 根据 zkat/npx 的描述，npx 会帮你执行依赖包里的二进制文件。举例来说，之前我们可能会写这样的命令： npm i -D webpack ./node_modules/.bin/webpack -v 如果你对 bash 比较熟，可能会写成.
如何在本地启动简易 Http 服务器
sigmarising的博客
05-22 6942
如何在本地启动简易 Http 服务器 由于 Chrome 等众多浏览器默认禁止加载本地 js 文件，这导致了很多前端项目必须使用 Http 静态服务器去启动。本文将会介绍几种简单的方法启动本地的 Http 服务器。 1. 使用 Node.js 1.1 Node.js 安装 直接使用官网安装包即可。 安装完成后，可以将 npm 源更换为 taobao 以加快速度，详细可参考更换 npm 镜像源为 taobao。 1.2 方案一 使用 http-server 在需要监听的文件夹打开命令行，输入命令： npx
server npm包
04-10
这个包名为"serve"，是开发者用来快速启动静态文件服务器的一个便捷工具，特别适合在开发过程中预览项目文件。通过运行简单的命令，用户可以在本地计算机上轻松地运行一个服务器，展示其项目目录中的内容。 首先，...
前端(client)：用react+typescript实现一个todolist应用，使用回车增加事件，并可以通过点击事件前的按钮改变状态。并且将静态资源(html,js,css等)编译到node.js的静态资源目录中。端口：3000，后端（serve）：使用node.js(koa)+javascript 将数据存储到服务端json文件中。端口3001
05-12
现在我们需要修改`package.json`文件来配置`concurrently`和`nodemon`，以便我们可以同时启动前端和后端服务器，并且当我们修改后端服务器文件时，它会自动重新启动服务器。 ```json { "name": "my-todo-app", ...
修改vue项目到服务器端渲染,vue-server-renderer实现vue项目改造服务端渲染
weixin_31556767的博客
08-04 1264
这是一篇教程，从创建项目到改造项目vue-cli创建一个项目在放你做demo的地方，创建一个项目vue create vue-ssr// 如果你安装了vue-cli4，选择vue2的版本，以下的改进过程是按vue2来做的经过漫长的等待，下载好文件开始我们的改造之路文件目录进入vue-ssr文件夹，使用命令vue ui把vue-router装上先安装几个依赖插件// 安不上用cnpm，yarn，np...
webpack使用流程和配置
husai20的博客
11-27 1463
Webpack基本使用流程 Webpack配置文件 Webpack插件与加载器使用 webpack服务器开发
serve：静态文件服务和目录列表
02-01
假设您要提供静态站点，单页应用程序或仅提供静态文件（无论是在设备上还是在本地网络上），此软件包都是您的正确选择。 是时候将您的网站推向生产了，我们建议使用 。 通常， serve还提供了一个简洁的界面来列出目录内容： 用法 最快的入门方法是在项目目录中运行npx serve 。 如果愿意，还可以使用在全局安装软件包（至少需要 ）： yarn global add serve 完成后，您可以在项目目录中运行此命令... serve ...或指定您要提供的文件夹： serve folder_name 最后，运行此命令以查看所有可用选项的列表： serve --help 现在您了解了该软件包的工作原理！ :party_popper: 组态 要自定义serve的行为，请在公共文件夹中创建一个serve.json文件，并插入以下任何。 API serve的核心是 ，可以在现有HTTP服务器中用作中间件： const handler = require ( 'serve-handler' ) ; const http = require ( 'http' ) ; con
推荐开源项目：Serve - 简单易用的静态文件服务器
gitblog_00074的博客
04-25 524
推荐开源项目：Serve - 简单易用的静态文件服务器 serveStatic file serving and directory listing项目地址:https://gitcode.com/gh_mirrors/ser/serve 项目简介 是一个由 Zeit 团队开发的轻量级命令行工具，用于快速启动本地静态文件服务器。它适用于前端开发者、设计师和任何需要在本地环境中预览或测试 HTML...
12. Webpack 搭建开发服务器
m0_71902265的博客
11-13 367
Webpack搭建本地服务器
nigx配置(一)
Positvmans的专栏
12-22 1459
#运行用户 user www-data;     #启动进程,通常设置成和cpu的数量相等 worker_processes  1; #全局错误日志及PID文件 error_log  /var/log/nginx/error.log; pid        /var/run/nginx.pid; #工作模式及连接数上限 events {     use   epoll;
npx和npm之间的关系
weixin_43758377的博客
11-18 6069
很早之前浏览技术文章碰到用npx执行的命令，现在就把npm和npx之间的关系整理一下，方便自己和大家查阅： 概念 npx是一个工具，它是npm v5.2.0引入的一条命令（npx），是npm的一个包执行器，只要为了提高从npm注册表使用软件包的体验 。 npm使得它非常容易地安装和管理托管在注册表上的依赖项， npx使得使用CLI工具和其他托管在注册表。 就像npm极大地提升了我们安装和管理包依赖的体验，在npm的基础之上，npx让npm包中的命令行工具和其他可执行文件在使用上变得更加简单。它极大地简化了我
聊聊去年最火的前端库zx
tangding12的博客
02-03 1706
 &emsp根据github上的数据，去年最受欢迎的前端库为谷歌棋下的zx。今天我们就来聊一聊这个去年最火的前端库。 zx是什么   zx 是谷歌实现的一个能在 node 中写 bash 的库。就像这样： await $`echo "hello world"`;   使用$``框起想要执行的命令，就可以直接执行 bash。   这个库的最大的便捷在于，node 和标准的 bash 都是我们非常熟悉的东西。只需要知道最基本的库的使用，就可以很快上手，写出功能很强大的工具。 基本使用   只需要安装
使用serve搭建本地服务器
richest_qi的博客
08-03 938
使用serve搭建本地服务器，可指定端口，可跨域
npx使用不同node版本
03-26
可以使用nvm（Node Version Manager）管理多个node版本，然后使用npx来运行特定版本的node。步骤如下： 1. 安装nvm：按照官方文档安装nvm。 2. 安装需要的node版本：例如，安装v12和v14版本： ``` nvm install ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值