背景在项目部署时，我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建，想要实现不同环境使用不同变量，暂时不能实现。vue-cli-service介绍vue-cli-service介绍
vue-cli生成
转载
2024-05-18 07:40:25
318阅读
基础html、css、javascript基础笔记 本模块主要为前端最基础的内容，但我们不说那些大家都明白的，我们只写大家容易忽略又在开发过程中比较重要的内容，在本模块中，我们将以javascript为重点，css、html多少会提及。毕竟，想学好前端，js基础是必须的。js我们主要以《javascript高级程序设计》一书为依据，按章节介绍。重点是js的面向对象编程。javascript设
在这篇博文中，我将详细探讨如何解决“vue远程docker build”这一问题。随着现代前端开发的进步，容器化的使用愈发普遍，尤其是在Vue.js开发环境中。远程构建Docker镜像可以对提高开发效率和团队协作有很大帮助。
### 背景定位
**适用场景分析**
在许多团队中，开发人员需要在不同的环境中构建和运行Vue应用程序。特别是在CI/CD中，通过Docker来打包和部署项目是常见的需
Jenkins build 后 war 包复制到 tomcat 下，启不来 添加 ：export BUILD_ID=dontKillMe
原创
2022-12-23 01:14:16
131阅读
splitChunks: {
// 表示选择哪些 chunks 进行分割，可选值有：async，initial和all
chunks: "async",
// 表示新分离出的chunk必须大于等于minSize，默认为30000，约30kb。
minSize: 30000,
// 表示一个模块至少应被minChunks个chunk所包含才能分割。默认为1。
转载
2024-06-21 23:28:05
19阅读
一、安装node环境这个之前做angular项目安装过，暂时先不整理，整理好vue相关知识再整理。二、搭建vue项目环境1、全局安装vue-clinpm install --global vue-cli
不知道是不是网络问题，我使用上面命令安装失败，所以换成了下面命令，使用yarn安装
yarn global add vue-cli
npm install -g @vue/cli-init2、说明
转载
2024-05-17 16:54:58
1081阅读
# Vue Build for Cordova iOS 配置指南
在现代移动应用开发中，使用 Vue.js 和 Cordova 创建跨平台应用是一种流行的选择。本文将介绍如何将 Vue.js 应用打包为 Cordova iOS 应用，并提供相关配置示例。
## 环境准备
在开始之前，请确保你已安装以下工具：
1. **Node.js**：用于管理依赖和构建应用。
2. **Vue CLI*
原创
2024-10-14 07:09:06
27阅读
# 如何实现 "docker build vue dist" 缓存
## 1. 概述
在使用 Docker 构建 Vue.js 项目时，执行 `docker build` 命令可以将项目打包成 Docker 镜像，方便部署和运行。然而，每次构建镜像时都需要重新安装依赖、编译代码，可能会耗费大量时间和资源。为了提高构建速度，可以通过缓存机制来避免重复操作，本文将详细介绍如何实现 "docker
原创
2023-12-07 19:07:35
147阅读
# 关闭vue项目中的yarn build
在进行vue项目开发时，我们通常会使用yarn作为包管理工具，并且会使用yarn build命令来打包项目文件，以便部署到生产环境中。但有时候我们需要关闭yarn build这个功能，比如在开发阶段不希望每次保存文件时都重新打包，或者是在某些情况下并不需要构建整个项目。
本文将介绍如何在vue项目中关闭yarn build功能，并提供代码示例以帮助读
原创
2024-05-17 06:43:53
79阅读
Poi uses the Vue babel presets by default, so there is no additional install required to get up-and-running. You can even use the .vue file format wit
转载
2018-01-03 03:14:00
200阅读
2评论
events.js:141 throw er; // Unhandled 'error' event 这个是端口占用的问题 检查端口 或者指定非默认端口
转载
2017-06-23 21:16:00
135阅读
2评论
webpack 与 vue在使用vue开发时，遇到打包后单个文件太大，因而需要分包，不然加载时间太久。虽然尽可能减少请求次数，但是单个包太大也不是好事思路组件按需加载vue-router 的懒加载第三方包分离代码分割时，组件按需加载现在ui库大多都是以组件的形式进行处理，因而不用将整个库都导入，只需导入想要的即可根据对应库的文档进行操作即可，现在每个库都有对应的使用流程，及相关配置，并不是很难只是
转载
2024-10-17 21:42:58
60阅读
一、Dokcerfile的构建过程步骤1、从基础镜像运行一个容器 步骤2、执行一条指令，对容器做出修改 步骤3、执行类似docker commit的操作，提交一个新的镜像层 步骤4、再基于刚提交的镜像运行一个新容器 步骤5、执行Dockerfile中的下一条指令，直至所有指令执行完毕二、构建镜像的中间层调试可以运行Dockerfile中间层镜像来创建一个容器进行调试，主要用于排查Dockerfil
转载
2023-07-11 20:54:22
108阅读
在完成一个组件之后，我们可以看到，想要测试你的组件，需要将他引入你的项目中，然后将你的组件的内容一项一项进行测试，在属性和内容多了以后，这样做是十分没用效率的，所以我们可以选用 vite 环境自带的 vitest 进行自动化测试引入测试库首先我们将我们需要的库导入到根目录中，前者是自动化测试的框架，后者是 Vue推荐的测试库，用于进行测试覆盖率的测试pnpm add vitest happy-do
转载
2024-02-03 14:54:23
75阅读
tomcat 部署vue项目
原创
2021-02-26 15:54:23
5657阅读
在实际开发中，我们常常会遇到需要将前端项目部署到Tomcat服务器上的情况。对于初学者来说，可能会感到困惑和无从下手。下面我将详细介绍如何将Vue前端项目部署到Tomcat服务器上。
整个过程可以分为以下几个步骤：
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 构建Vue项目 |
| 2 | 配置Tomcat服务器 |
| 3 | 将Vue项目打包放入Tomcat
原创
2024-05-29 09:47:49
146阅读
在Kubernetes（K8S）中部署Vue项目可以让我们更加高效地管理和扩展我们的应用程序。在这里，我将向你展示如何使用Tomcat部署Vue项目到Kubernetes集群中。
首先，让我们来总结一下整个流程，在下表中展示步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一：准备Vue项目 | 将Vue项目打包为静态文件 |
| 步骤二：创建Docker镜像 | 编写D
原创
2024-05-23 11:31:42
346阅读
## Vue项目Build出来如何部署
### 介绍
在开发完Vue项目后，我们通常会使用`npm run build`来对项目进行打包，生成生产环境可部署的静态文件。接下来，我们将介绍如何将这些打包好的文件部署到服务器上以供访问。
### 步骤
| 步骤 | 操作 |
| --- | --- |
| 1 | 在本地机器上进行项目打包 |
| 2 | 将打包好的文件上传至服务器 |
| 3
原创
2024-04-30 11:59:32
521阅读
### 如何解决 Vue2 项目在 iOS 上白屏的问题
当我们开发 Vue2 应用时，可能会遇到在 iOS 设备上加载应用时出现白屏的问题。这通常是由于各种原因造成的，如资源未正确加载、JavaScript 错误等。本文将指导你处理这一问题，从而顺利构建你的 Vue2 应用。
#### 整体流程
以下是解决“Vue2 build iOS 白屏”问题的步骤：
| 步骤 | 描述
使用vue框架进行前端开发也有一段时间了，遇到的问题可以大致分为2类：开发问题，部署问题。开发方面的问题是最多的，也是大家经常会遇到的，但是部署的问题也不容小觑，一旦部署出错会造成严重的上线事故。开发和测试时调用后台接口的地址是和生产环境中不一样的，有些时候需要跳转到其他网页，也需要测试和生产环境跳转不同的页面。这些配置如果都用人工来维护，上测试环境注释掉生产的代码，上生产环境注释掉测试的代码，会
