vue或者react项目打包后如何预览？

最新推荐文章于 2024-02-02 14:12:26 发布
最新推荐文章于 2024-02-02 14:12:26 发布
阅读量449 收藏
点赞数
分类专栏： react npm vue 文章标签： vue react npm github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37353299/article/details/118971103
版权
react 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
npm
2 篇文章 0 订阅
订阅专栏
vue
1 篇文章 0 订阅
订阅专栏
使用npm的live-server工具可以快速预览vue或react项目打包后的页面。首先全局安装live-server，然后在项目的dist目录下运行启动命令，即可在本地打开预览。详细使用指南可在live-server的github页面查阅。
摘要由CSDN通过智能技术生成

vue或者react项目打包后如何预览？：

使用npm的live-server工具部署本地服务打开

  1. 全局安装
npm install -g live-server
  1. 在dist目录内cmd并输入下方命令即可预览页面

在这里插入图片描述

附加：github地址https://github.com/tapio/live-server#readme（里边有更详细的使用介绍）

张小雨@
关注
专栏目录
react打包本地预览_将React项目部署到云开发静态网站
weixin_42648844的博客
01-17 356
React是目前比较火的前端框架之一，除了可以在自有服务器、Github Pages部署以外，现在你有了一个新的选择，那就是使用 云开发静态网站功能 来进行部署。下面详细介绍如何实现。系统依赖在进行后续的内容前，请先确保你的电脑中安装了 Node.js 运行环境。如果没有安装，可以访问 http://nodejs.org 下载安装。安装云开发 cli 工具 和 React脚手架在配置好 Node...
vue 打包后如何本地预览
yshijb的博客
04-11 1776
npm install http-server -g //找到dist文件夹终端打开 http-server -o
本地运行打包好的React、Vue项目
见贤思齐焉，见不贤内自省
11-02 1084
live-server 或者 http-server npm i -g live-server 进入react打包好的build文件夹或者vue打包好的dist文件夹cmd live-server 默认在8080端口
vue本地打包预览
weixin_43040026的博客
02-09 807
【代码】vue本地打包预览。
vue打包本地预览
weixin_45849330的博客
06-25 394
vue打包本地预览
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
将`Vue.js`或`React.js`集成到`Electron`项目中，可以让开发者利用这些框架的强大力量，创建出响应式且高效的桌面应用。 在使用`Electron`进行打包和部署时，有一些关键步骤和潜在问题需要注意。首先，确保安装了...
vue-react：在Vue应用程序中将React组件用作Vue组件
02-04
vue-react是Vue.js的插件，它使您可以像使用Vue组件一样使用React组件。 安装 npm npm install vue-react --save 如果尚未安装，请安装react和react-dom软件包。 还安装babel插件。 npm install react react-dom ...
vue或react项目生产环境去掉console.log的操作
10-14
在构建Vue或React项目时，开发过程中我们通常会在控制台使用console.log()、***()、console.debug()等方法来打印日志信息，帮助我们调试程序。然而，在将应用程序部署到生产环境时，这些日志信息就不再需要了。此时...
vue、react面试题大合集
10-28
在Vue和React项目中引入TypeScript，可以带来更好的类型安全性和IDE支持。 小程序是一种轻量级的应用形态，通常由多个页面组成，其开发涉及小程序框架、API调用和样式处理等。在面试中，可能考察对小程序生命周期的...
前端框架及项目面试－聚焦Vue3、React、Webpack（最新升级版，包升级）
01-13
本课程"前端框架及项目面试－聚焦Vue3/React/Webpack"是针对这一领域的最新升级版，旨在帮助开发者掌握并理解三大主流前端框架Vue3、React以及Webpack的核心概念和实际应用。 Vue3作为Vue.js框架的最新版本，引入了...
微信小程序使用npm包，无法预览和体验，只能真机调试问题
_我不是二狗的博客
09-08 1364
微信小程序使用npm包时，在开发工具中预览和上传体验版都不能正常展示页面，一直白屏，但是真机调试是正常的。在网上找了好久，找到了几个解决办法。 一、在开发工具的详情页面中同时勾选上上传代码是混淆和上传代码时保护(这种也是我的解决方式，成功预览)： 二、重建项目，通过源码方式引入组件(未测试，但感觉应该是可以的)。 三、这个是在网上看别人说的，没有测试过，原文：https://blog.csdn.net/qq_39165819/article/details/107739827 新建一个和原来..
react/vue项目编译后，本地运行dist文件
weixin_55556204的博客
05-10 2768
用脚手架创建的 react / vue 项目，已经集成了webpack，只要运行命令：npm run build 或 yarn run build 项目就会编译成功，生成一个dist文件夹，现在问题来了，如何启动这个编译后项目呢。 1. tomcat 将dist文件夹里的所有文件，直接放到tomcat安装目录的\webapps\ROOT\文件夹下； 启动tomcat； 输入你的访问URL（如：http://localhost:8000） 注：若将文件放到\conf\server.xml里定义的一些do
react打包本地预览_[译]如何实现一个实时预览的React编辑器
weixin_33989001的博客
02-21 380
你是否好奇过那些像 codesandbox和codepen的 在线 react 编辑器是如何实现的？你是否用过 semantic react或 react styleguidist，直接在浏览器中修改上面的例子，就能实时预览。这货富一就我些放的机近道的定是们效大效设近周末我终于将零碎的概念汇总到了一起并实现了一个简单的方案。这篇文章就是这次实现过程的一个概览。如果你仍不清楚最终的效果，建议你翻...
【React】15课 react项目打包并运行
舜岳的博客
07-11 2553
react项目的打包： 在该项目文件夹中打开终端输入： npm run build //项目打包命令 打包成功后文件夹中会多出一个 build 文件，该文件就是打包好的项目！ react项目打包后的启动方法： 我们如何启动该项目呢！ 首先我们全局安装live-server插件，live-server插件可以简单创建一个本地服务 npm install -g live-server //全局...
预览vite+react打包之后的项目
weixin_54607676的博客
02-02 172
【代码】预览vite+react打包之后的项目。
Vue3 - 完美解决 vite 打包后在本地浏览器直接打开运行，build 打包后双击 index.html 直接以 file 协议运行网站（资源、接口等正常访问，和部署到服务器运行效果一样）
热门推荐
王佳斌
09-07 1万+
vue3 vite怎么支持file协议本地打开，vite打包文件如何支持files协议,支持双击即可打开网页，vue3 vite打包后双击本地运行，vue3 vite打包后怎么直接在浏览器双击打开访问，vite打包后显示空白，vite如何支持本地file协议打开，vue3 vite打包后如何本地查看网站，vue3 vite项目打包后本地启动白屏怎么办，vite打包后的代码如何在本地运行，vite+vue3 打包在fIle本地index.html打开项目，打包后如何直接打开index.html文件，vue3
前端：React/Vue项目打包后的代码不部署，怎么在本地运行？
weixin_46721670的博客
10-11 1311
前端：React/Vue项目打包后的代码不部署，怎么在本地运行？
React bulid 打包项目 和 serve 把打包后的文件在本地能运行看效果
艾米的猫儿的博客
04-28 834
1.打包 会在根目录生成一个build文件夹 yarn build 2.安装服务器 yarn add serve 3.跳转到生成的build文件夹下 yarn serve
react之项目打包,本地预览,路由懒加载,打包体积分析以及如何配置CDN
Gik99的博客
12-10 1190
react之项目打包,本地预览,路由懒加载,打包体积分析以及如何配置CDN
vite react项目打包配置
最新发布
07-11
对于React项目的打包配置，虽然Vite本身处理了大部分脚手架的工作，但仍需要一些基本配置。 1. **安装依赖**：首先，你需要安装`vite-plugin-react-refresh`这个插件，它允许React应用实时刷新，无需手动重启。运行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值