Vue打包预览项目

最新推荐文章于 2024-04-30 11:51:54 发布
最新推荐文章于 2024-04-30 11:51:54 发布
阅读量621 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leng0920/article/details/105103863
版权

1、调出cmd窗口

2、npm run build  //项目打包

3、npm install -g server  //安装服务器

4、serve -s dist  //-s的意思是将其架设在Single-Page Application模式下，这个模式会处理路由问题

5、复制路由在页面中打开

性野喜悲
关注
专栏目录
vue 打包优化以及项目打包本地预览
qq_17108919的博客
09-10 647
优化策略 1.生产打包报告 2.第三方库启用CDN 3.elment-ui组件按需加载 4.路由懒加载 5.首页内容定制 一.插件babel-plugin-transform-remove-console： 移除所有的console.log() //项目发布阶段需要用的babel插件 const prodPlugins = [] if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console'
vue 打包预览
新芽
07-07 170
【代码】vue 打包预览。
vue本地打包预览
最新发布
小韩要快乐！
04-30 412
【代码】vue本地打包预览。
vue打包本地预览
weixin_45849330的博客
06-25 403
vue打包本地预览
vue 打包后如何本地预览
yshijb的博客
04-11 1800
npm install http-server -g //找到dist文件夹终端打开 http-server -o
vue项目打包后上传至GitHub并实现github-pages的预览
11-28
4. **预览项目** 一旦`dist`目录成功推送到`gh-pages`分支，项目就可以在GitHub Pages上预览了。预览链接通常是`https://<your-github-username>.github.io/<repository-name>/`。例如，如果仓库名为`test`，则预览...
解决Vue 项目打包后favicon无法正常显示的问题
12-07
在开发Web应用时，添加favicon图标能够提升网站的辨识度和专业性。...同时，对于开发环境，可以考虑使用热更新工具，如vue-cli的热加载功能，以便在开发过程中实时预览改动，避免每次修改都需要手动刷新或打包。
vue项目实现github在线预览功能
08-27
Vue 项目实现 GitHub 在线预览功能 本文主要介绍了 Vue 项目实现 GitHub 在线预览功能，通过解决两个问题，带领大家一起学习整个过程。 问题 1：为什么页面显示为空白？ 当我们在命令行执行 `npm run build` 后，...
vue项目打包上传github并制作预览链接（pages）
12-03
当Vue项目完成后，在根目录下打开命令行，输入命令： npm run build 实际上此命令就是执行build.js文件，将项目打包成静态资源。 此命令完成后，项目根目录下会多出一个dist文件夹，dist文件里面有： static文件下...
Vue项目用webpack打包后，预览时资源路径出错（文末有vue项目链接分享）
weixin_33835103的博客
04-16 697
最近用vue写了一些项目，项目写完之后需要打包之后才能放到网上展示，所以在这里记录一下项目打包的过程以及遇到的一些问题。 -------------------------------------------------- 分割线 -------------------------------------------------- 一、项目打包过程： 1.vue项目写完后，首先在...
vite创建打包预览Vue3流程
请叫我欧皇！的博客
08-14 860
本文章只是走了一下创建====》运行===》打包===》预览打包效果的流程步骤，不包含创建后配置vue3项目和打包优化等。
Vue2多入口，独立打包配置
weixin_44434938的博客
01-03 2638
Vue2多入口，独立打包配置
java在线浏览 github_vue项目实现github在线预览功能
weixin_31754073的博客
03-08 399
最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目，有点小激动，想把它上传到这里假设你也是和我一样使用了 vue-cli 搭建了自己的项目，并且项目也已经上传到了 github问题1当我们在命令行执行 npm run build 后，项目的目录下会生成一个 dist 文件夹，它里面又包含一个 static 文件夹和一个 index.html 文件，这是 webpack 最终打包好...
经常忘记网址？将Vue项目一键打包为桌面客户端 十分钟让你解决烦恼
Designer 小郑的技术博客
12-06 4381
本文讲解了如何将一个Vue项目打包为桌面客户端，实现像Excel一样双击运行，适用于管理较多项目且经常忘记网址的场景。本文还讲解了 Vue 项目从下载依赖、打包和Nginx部署的全过程，可以给开发者参考学习。
Vue-cli配置打包文件本地预览
ccxh505398633的博客
08-01 4100
Vue-cli配置打包文件本地使用 最近做的一个嵌入app的pc端项目，用的也是比较熟悉的vue-cli构建工具构建项目,需要的是打开dist文件夹入口html能加载到本地的静态文件，打包后的index.html加载文件如图： url中的路径据我们所知，最前面为一个反斜杠（/XX），表示从网站根目录开始搜索文件，如果需要相对当前文件夹则需以 ./或者不加反斜杠为路径开头，看来是打包后的...
vue打包后生成的dist目录怎么打开预览
Jackson991的博客
07-14 2762
使用 live-server工具部署本地服务打开 live-server是一款npm工具，全局npm i -g live-server后，项目目录使用live-server命令行命令即可直接在浏览器中预览（默认找index.html，其他请自行带上文件名空格后跟在后面），并且自动全局监听实时更新。 1.npm全局安装live-server npm install -g live-server 2.在dist目录内cmd并输入下方命令即可预览页面： 附：live-server命令行常用配置表 ...
vue3 vite项目打包后预览白屏
07-28
在 Vue 3 中，你可以使用 Vite 构建工具进行项目打包。确保你已经正确配置了 `vite.config.js` 文件，特别是 `base` 属性，以确保你的项目在预览时能够正确加载资源。 2. 检查浏览器控制台报错信息。打开浏览器的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值