npm 包 - serve 使用

最新推荐文章于 2024-07-29 15:46:22 发布
最新推荐文章于 2024-07-29 15:46:22 发布
阅读量2.4k 收藏 2
点赞数 1
文章标签： npm 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34664239/article/details/131461602
版权

前端打包后，或者本地的html文件。有时需要将打包好的项目跑一下看看效果，这时就可以使用 serve 工具，在本地启动一个静态文件服务器。本文主要简单记录下 npm 包 serve 的基本使用命令。

一、全局安装 serve

npm install serve -g

二、运行 serve

在index.html同级，在终端运行serve
在这里插入图片描述

如果报错，可能是node版本的问题，运行serve的node版本至少在14以上

三、修改端口

serve -p 9090
在这里插入图片描述

baby加油_
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
server npm包
04-10
npm安装的serve包，在linux解压即可用，执行 bin/serve.js 文件即可
NPM包serve使用
weixin_43937729的博客
11-18 875
npm包serve使用
推荐使用：serve - 简易命令行文件服务器
gitblog_00064的博客
06-07 722
推荐使用：serve - 简易命令行文件服务器 项目地址:https://gitcode.com/tj/serve 简介 在开发过程中，快速搭建一个本地服务器来预览和测试文件是非常必要的。serve 就是这样一个小巧且强大的工具，它基于 Connect 框架构建，灵感来源于 nodejitsu 的 http-server。只需五分钟，你就可以通过简单的命令行启动一个文件或目录服务器。 安装与使用 ...
npm instll -g serve
bin1108的博客
05-27 4402
1serve 安装 npm i -g serve 使用 serve -p 8000 2live-server 安装 npm install -g live-server 使用 live-server 或者 live-server --port=8000
rollup-plugin-serve:服务像webpack-dev-server这样的汇总包
05-14
汇总插件可用于捆绑销售安装# Rollup v0.60+ and v1+npm install --save-dev rollup-plugin-serve# Rollup v0.59 and belownpm install --save-dev rollup-plugin-serve@0用法// rollup.config.jsimport serve from ...
spfx-fast-serve:通过加速“服务”命令改进您的 SharePoint 框架开发流程
08-04
npm install spfx-fast-serve -g 在包含要加速的 SharePoint 框架解决方案的文件夹中打开命令行。 运行spfx-fast-serve并按照说明进行操作。 在大多数情况下，您不应该做任何特定的事情，并且 cli“可以正常工作”...
react项目实践之webpack-dev-serve
10-18
### 配置与使用 安装`webpack-dev-server`作为开发依赖： ```bash npm install webpack-dev-server --save-dev ``` 在`webpack.config.js`中配置`devServer`： ```javascript module.exports = { // ... dev...
g-serve
03-30
文件名为"g-serve-master"的压缩包可能包含了g-serve项目的源代码。"master"分支通常是Git版本控制系统中的主分支，意味着这是项目的最新稳定版本。解压后，开发者可以看到项目结构，包括`package.json`文件，里面...
npm提示 certificate has expired 证书已过期 已解决
weixin_43483590的博客
07-24 263
npm提示 certificate has expired 证书已过期 已解决
ASP.NET Web Api 使用 EF 6，DateTime 字段如何取数据库服务器当前时间
yangshuquan的专栏
07-24 817
在做数据库设计时，为了方便进行数据追踪，通常会有几个字段是每个表都有的，比如创建时间、创建人、更新时间、更新人等，这些时间字段一般存储的是数据库服务器的时间，EF 是操作整个数据表对象，所以需要寻找方法来实现这个目的。本文分享 DB First 和 Code First 两种模式的 EF 中 DateTime 字段如何存储数据库服务器当前时间的方法。
在Vue程序中，如何检测用户的登录状态并跳转到对应页面
exlink2012的专栏
07-25 449
通过以上步骤，你可以在Vue应用程序中检测用户的登录状态，并在用户尝试访问受保护页面时跳转到登录页面。同时，在用户登录和登出后，你可以根据需要跳转到相应的页面。
Windows10+vs 2017中创建WEB API教程
Explinks的博客
07-24 1012
本文将介绍如何在Windows10+vs 2017中创建web Api的教程。目前本教程当中的方法在Win10 + VS2017（MVC5）win server2016+vs2017，vs2013 vs2019当中测试通过。
Hutool SoapClient 调用使用@webservice 发布的webService接口，参数传递为空
FangX_u的博客
07-24 601
采用工具类Hutool SoapClient调用@webservice 发布的webService接口时，参数传递不到webService,可以借助SoapUI工具辅助查看。
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 234
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
electron 主进程和渲染进程
qq_21087199的博客
07-29 113
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 403
对于上云api开发学习过程中的错误教训积累总结
通过不同方式在 Vue 3 中传递路由参数
点点滴滴
07-25 626
通过path参数传递：在路由路径中定义动态参数，并使用将其作为 props 传递。通过query参数传递：在路由跳转时通过query参数传递数据，并在组件中使用useRoute获取。通过props选项传递：在路由配置中使用props选项传递静态或动态参数。
前端学习1——自学习梳理
qq_63125992的博客
07-24 371
【代码】前端学习1——自学习梳理。
前端 axios 封装
最新发布
清云
07-29 309
前端 axios 封装
npm install -g @vue/cli
09-11
### 回答1： 这是一个命令，用于在全局安装 Vue.js 的命令行工具。具体来说，这个命令会使用 npm（Node.js 包管理器）来安装 @vue/cli 这个包。安装完成后，你就可以在命令行中使用 vue 命令来创建、管理 Vue.js 项目了。 ### 回答2： npm install -g @vue/cli是一条用于全局安装Vue CLI的npm命令。Vue CLI是一个基于Vue.js的开发脚手架工具，用于快速构建 Vue.js 应用程序。 执行npm install -g @vue/cli命令后，会自动下载安装最新版本的Vue CLI到本地计算机的全局环境中。该命令会将Vue CLI的可执行文件添加到系统的路径中，使其可以在命令行中直接调用。 全局安装Vue CLI后，我们可以使用vue命令来创建、运行和构建Vue.js项目。例如，可以使用vue create命令创建一个新的Vue.js项目模板，然后使用vue serve命令来运行开发服务器，预览我们的应用程序。此外，Vue CLI还提供了更多的命令和选项，用于构建和部署Vue.js应用程序。 通过全局安装Vue CLI，我们可以更方便地使用Vue.js的功能和工具来进行项目开发。全局安装一次Vue CLI后，我们就可以在任何地方使用它，而不需要重复安装。这样，我们可以在不同的项目中复用Vue CL的命令和工具，提高项目的开发效率和一致性。 总之，npm install -g @vue/cli命令的目的是为了全局安装Vue CLI，以便我们可以在命令行中方便地调用Vue.js相关的功能和工具，简化和加速Vue.js项目的开发过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值