NPM快速搭建以某一文件夹为根目录的服务器

最新推荐文章于 2023-12-20 15:52:45 发布
最新推荐文章于 2023-12-20 15:52:45 发布
阅读量616 收藏
点赞数
分类专栏： NPM 文章标签： npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/duansamve/article/details/123388733
版权

1、新建文件夹test，在test文件夹里新建index.html文件

2、命令行进入test文件夹 cd xxx\xxx\test

3、命令行全局安装serve插件 npm i serve -g（已经安装过就不需要再安装了）

4.1 、输入命令 serve 即可

4.2、如果想以test文件夹下的demo文件夹（里面有index.html文件）作为服务器的根目录，则输入serve a或serve ./a

duansamve
关注
专栏目录
3分钟快速搭建nodejs本地服务器方法运行测试html/js
10-20
- 通过访问`***`（以3000端口为例）来测试服务器是否成功搭建，并且能够正确返回文件内容。 5. **前端开发与测试**： - 对于前端开发者而言，使用Node.js搭建本地服务器可以更简单地进行HTML页面的展示和...
npm插件serve（安装失败）
阿喵超咸
05-10 1001
插件安装步骤(点击) 在执行 npm i serve -g 遇到 npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules npm ERR! errno -13 npm ERR! Error: EACCES: permission den
NPM包serve（不是server）的简单使用
qq_36528523的博客
10-27 2472
React或Vue有时需要将打包好的项目跑一下看下效果，但又不能直接打开，这时可以简单使用serve工具，步骤如下： 首先安装serve： npm i serve -g 接下来在cmd中打开打包好的文件所在目录（一般是build文件夹），然后执行 serve 即可 ...
浏览打包好的文件：npm包serve的使用
m0_74079648的博客
10-08 696
项目代码打包好之后，直接打开index.html文件是无法运行和浏览的，除非将打包好的代码部署到服务器上，那前端如何查看打包好的文件呢？举个栗子，当一个vue工程打包好之后，进入到根目录【不要进入dist文件夹】npm i serve --save //局部安装。npm i serve -g //全局安装。可以使用serve命令来完成。即可得到本地预览地址咯。
npm instll -g serve
bin1108的博客
05-27 4453
1serve 安装 npm i -g serve 使用 serve -p 8000 2live-server 安装 npm install -g live-server 使用 live-server 或者 live-server --port=8000
使用live-server快速搭建本地服务器+自动刷新的方法
11-26
在IT行业中，开发和调试网页或前端应用时，快速搭建本地服务器并实现自动刷新功能能够极大地提高工作效率。这里我们将详细讲解如何使用`live-server`这一工具来达成这一目标。 `live-server`是一款轻量级的开发用...
搭建web服务器.docx
07-05
3. **创建服务器目录**: 在你的计算机上选择一个合适的位置，例如e:/NewProject/Server，创建一个新的文件夹作为你的服务器工作目录。 4. **验证Node.js安装**: 打开命令行工具，如Windows的命令提示符，切换到...
用Nodejs搭建服务器访问html、css、JS等静态资源文件
10-19
Express框架是一个灵活、极简的Node.js web应用开发框架，它提供了一系列强大特性帮助我们快速搭建web服务器。 ### Node.js安装和项目初始化 要使用Node.js搭建服务器，首先要确保已经安装了Node.js。可以访问Node....
详解vue-cli项目中用json-sever搭建mock服务器
10-19
通过`npm install json-server -g`全局安装json-server后，可以在项目根目录下运行`json-server --watch mock/db.json`来启动服务。访问`http://localhost:8081`，你应该能看到你定义的数据。 4. **配置代理**： ...
Vue(7)：vue项目部署到服务器通过公网IP访问
偉ing的博客
06-25 7414
Vue项目部署到服务器通过公网IP访问 一、vue项目打包 1.打包项目及修改文件 ​ 在本地的项目完成后，可能需要将其部署到服务器上，并且通过公网IP就可以访问到这个项目，下面介绍一下具体的部署流程。 ​ 首先将写好的vue项目打包，在vue项目的当前目录下面运行npm run build，运行完成后，就可以发现项目中多了一个dist的文件夹，这是打包好的文件，可以用来直接运行。文件夹项目包含一个static和index.html文件，static文件下包含的是所有的源代码和数据，index.html
Vue项目基础配置以及常见知识点积累
探鱼不是鱼
11-30 1347
全局安装vue npm i -g vue 全局安装@vue/cli npm i -g @vue/cli 全局安装serve 快速运行打包生成的文件,运行服务器启动在dist下文件 npm i -g serve 创建项目 Your connection to the default yarn registry seems to be slow. Use https://registry.npm.taobao.org for faster installation? 你到默认纱线注册表的连接似乎很.
npm 包 - serve 使用
Baby_加油_的博客
06-29 2756
npm 包 - serve 使用
使用npm安装包本地快速启动前端项目方法
我的博客
05-22 3836
综述：很好的一个快速启动服务的方法 1.步骤说明 npm i -g serve 2.在powershell中cd到希望启动的项目目录下 3.输入以下命令 serve 4.访问窗口显示的链接即可 5.如果是移动端，配合前端组件，生成二维码，扫描即可访问 ...
NPM包serve使用
weixin_43937729的博客
11-18 938
npm包serve使用
npm install -g serve搭建本地服务器
reg183的专栏
07-08 2263
安装 npm install serve -g 使用,dist为源码目录 serve dist -p 5000
前端本地原生开发好用的 http server 服务（npm 包形式、支持热更新、简单好用）
最新发布
卡尔特斯
12-20 4178
有时候在本地原生网页开发的时候，需要起一个服务能够直接访问当现在正在开发index.html等内容，也就是希望通过npm包在进入项目文件夹后，直接可以起一个可访问的 http 链接，不希望在去安装nginx。serve：为本地静态页面创建一个可访问的服务，不支持热更新：为本地静态页面创建一个可访问的服务，不支持热更新，支持https：为本地静态页面创建一个可访问的服务，支持热更新(运行起来默认支持，可以修改延迟时间)，支持https。
npm i 命令长时间卡住的解决办法
一个超会写Bug的程序猿的博客
02-20 5202
问题：执行npm i -g serve 命令长时间卡住 解决方案:换镜像 查看当前镜像: npm config get registry 如果不是淘宝的,更换为淘宝镜像。更换镜像: npm config set registry https://registry.npm.taobao.org 成功： 再次运行安装 serve 工具命令：npm i -g serve ，几秒钟就安装好了！ ...
执行npm install -g serve时报错权限权限问题解决方案
qq_44015417的博客
06-22 659
在进行项目打包时，运行npm install -g serve时报错如下：全局安装要用管理员权限打开cmd执行该命令就解决了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值