在nodejs环境中布署应用目标将打包好的代码打包上线前端修改生产环境下的baseUrl前端修改生产环境的 baseUrl.env.productionVUE_APP_BASE_API = 'http://ihrm-java.itheima.net'重新打包使用 koa 框架部署项目到现在为止，我们已经完成了一个前端工程师的开发流程，按照常规的做法，此时，运维会将我们的代码部署到阿里云的nginx
转载
2024-02-26 14:02:53
133阅读
前提准备使用vue-cli3搭建的项目工具HBuilder X，他的图标长这个样子，点击下载做前端的大多数小伙伴们都应该知道，使用起来轻巧、急速，但是他主要是针对于VUE生态打造的，相对于 vscode 缺少了丰富的插件支持以及多语言编译的支持。但是它也有vscode无法满足的功能，比如说今天我们就要用它来把vue项目打包为 apk。打包步骤执行 npm run build 打包vue项目下载并安
转载
2024-01-23 22:43:19
146阅读
需要下载HBuildX 软件步骤1编译自己的VUE项目 编译项目之前有很重要的步骤不能忘记将config文件夹里面的index.js中的 assetsPublicPath的值修改 为“./”webpack.prod.conf.js 中output添加参数publicPath:’./’在webpack.base.conf.js里publicPath: process.env.NODE_EN
转载
2023-05-24 16:25:24
529阅读
记录一次利用electron将vue项目打包为桌面应用程序的步骤，测试项目为毕业设计项目，基于vue-cli3进行开发。ps:还可以通过PWA和nw.js进行操作，暂时未深入研究打包步骤打包自己的项目通过npm run build命令打包我们自己的项目，生成一个dist文件夹注意：运行此命令之前我们需要修改公共路径为相对路径，防止 npm run build 后出现白屏情况方法：新建一个vue.c
HBuilder 打包流程1.运行HBuilder---百度搜索HBuilder，官网下载安装包，解压，运行HBuilder.exe。注册账号，并登陆2.新建app---在左边右键，选择新建APP，或者，点击中间的新建app3.在弹出的窗口，填入应用名称，根据需求选择项目位置，以及模板内容4.检验app效果----创建好之后，选择刚刚创建好的项目，在顶部选择运行，根据你的情况现在运行方式5.效果展
转载
2024-08-12 12:37:51
708阅读
Vue打包成.apk安装的过程中遇到的问题问题1：打包成的apk在真机上显示空白界面项目文
转载
2022-08-24 19:38:01
1713阅读
最近公司要求我们用apicloud做一个app，正好利用这个机会学习下app的制作过程~页面的开发过程跟我们平时开发一样，利用vue把页面全部完成，最后进行npm run build将项目打包。接下来就是apicloud打包的过程，首先我们要去apicloud官网下载开发者工具，我下载是下面这款： 大家选择对应系统进行下载~接下来需要开发者注册apicloud账号~打开APICloud
转载
2024-02-23 15:45:55
110阅读
一、前言 项目本来打算采用B/S架构去做的，浏览器网址方式打开还是让用户不方便；二、使用electron集成桌面应用 本身项目是使用vue-cli开发的，在使用electron之前，需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了.clone https://github.com/electron/electron-quick-startcd
转载
2023-07-16 19:15:56
368阅读
准备开发工具开发工具：HBuilderX官网地址 （标准版需要自己安装插件，app开发版已经把app开发常用的插件安装好了，开箱即用，建议使用开发版）新建项目选择新建–>项目–>5+App–>点击创建 创建完成后你的图标会变成下面这种：5+的图标创建完成后会出现这些文件和文件夹 其中css，img和js文件都是可以修改的 unpackage文件是存放APP图标的，可以通过后面的配
转载
2024-02-02 18:17:50
59阅读
在vue脚手架（vue-cli）下我很很快的就可以搭建自己的开发环境，但是我们把项目编写完后，需要进行打包上线会遇到各种问题，在根据版本问题，（vue3的版本跟之前相比少了很多配置项）,下面是我用老版本进行的一个测试（新版还在研究）很多时候我们在打包的时候会遇到各种的报错，我遇到的问题就是在项目打包不是的时候遇到404和extract-text-webpack-plugin报错，1、404，需要跟
# 教你如何打包 Vue 应用为 iOS 应用
如果你是一名前端开发者并且希望将你的 Vue.js 应用打包成 iOS 应用，那么你来对地方了！本文将通过一个完整的步骤指南来帮助你实现这个目标。我们将会用到一些工具和技术，比如 `Cordova` 或 `Capacitor`，它们可以帮助我们将 Web 应用转换为移动应用。
## 一、整个流程概述
下面是整个打包流程的概览，按照顺序分为几个步
webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。一、打包指令： npm run build结果：1.会将项目中 src 目录下所有的文件进行打包，打包到 dist 目录下2.目录结构：index.html 单页面应用的 html 文件static 当前单页应用中所有的静态资源
css: 当前项目中用到
Vue云打包完成后，保存安装包到目标文件，能够发送到手机端安装。
原创
2023-09-20 12:29:22
197阅读
工作中我相信很多朋友对于VUE项目的一系列流程不熟悉，风尚云网学习整理了关于vue项目的构建打包发布全过程，希望对你有用。目录：一、vue项目的创建：1、首先你要安装有Node.js及npm2、安装vue脚手架# vue最新稳定版3.创建vue项目 二、vue项目的打包：npm打包命令： 三、vue项目的发布：一、vue项目的创建：1、首先你要安装有Node.js及npm2、安
在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下上面文件改好后，开始打包，执行如下命令： npm run build 生成 dist 文件夹1.使用 cordova 打包 （较为复杂，安全，需要配置环境） 第一步：安装cordova如果已经安装则直接跳过
转载
2024-04-15 14:53:29
0阅读
一、总体步骤流程概览二、脚本路径三、拉取Git代码1、配置需要Git打包分支全局变量 2、脚本说明stage('拉取Git代码') {
steps {
echo "\n--------------- 拉取Git代码 start ---------------\n"
// 拉取Git上的最新代码
git
转载
2024-04-28 16:15:37
109阅读
# 如何在uniapp上实现vue项目打包成iOS的app
## 1. 简介
作为一名经验丰富的开发者，你可以帮助新手入门者实现将vue项目在uniapp上打包成iOS的app。下面将详细介绍整个流程，并提供每个步骤所需的代码和说明。
## 2. 流程概述
下面是整个流程的步骤概览：
```mermaid
gantt
title Vue项目在uniapp打包成iOS的app流程
原创
2024-02-25 04:10:00
115阅读
引言前文中已经介绍了什么是cordova 为什么要用cordova，基础的环境搭建以及如何编译打包生成APK安装包，接下来我们介绍如何使用Jenkins 自动化编译打包生成APK安装包！服务器搭建在搭建jerkins之前首先需要一台服务器环境，一个虚拟机或者阿里云租一台，这里我以虚拟机为例子：准备一台虚拟机：系统为centosdocker环境的搭建docker 环境的搭建，docker是什么？为什
转载
2024-04-25 12:35:09
56阅读
Vue云打包完成后，如图一所示点击弹窗‘确定’按钮查看打包状态信息，图二显示打包列表信息，点击右侧手动下载，展示如下图三所示，保存安装包到目标文件，发送到手机端安装。
原创
精选
2022-07-27 15:35:35
637阅读
一个用uniapp开发的跨平台老项目，需要修改点内容然后发布一个新版本。 研究了下配置证书、打包、发布等。首先修改项目需求，修改版本和build 期间遇到一些问题，无法识别*.vue，需要安装node，此处不简述了，大家可以搜一下，挺简单的。下面开始说说配置证书打包发布流程：iOS： 一、配置证书 1、首先是老项目，无人管理了，没有原始p12证书等，所以直接创建新证书（Xcode添加开发账号，+
转载
2023-09-18 17:19:47
286阅读
