背景在项目部署时，我们需要在测试环境和生产环境使用不同的变量。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阅读
This tutorial demonstrates how to create a custom map layout using the ArcGIS Pro SDK for .NET. With the ArcGIS Pro SDK for .NET, you can extend ArcGI
原创
2023-05-12 21:18:49
10000+阅读
基础html、css、javascript基础笔记 本模块主要为前端最基础的内容，但我们不说那些大家都明白的，我们只写大家容易忽略又在开发过程中比较重要的内容，在本模块中，我们将以javascript为重点，css、html多少会提及。毕竟，想学好前端，js基础是必须的。js我们主要以《javascript高级程序设计》一书为依据，按章节介绍。重点是js的面向对象编程。javascript设
在这篇博文中，我将详细探讨如何解决“vue远程docker build”这一问题。随着现代前端开发的进步，容器化的使用愈发普遍，尤其是在Vue.js开发环境中。远程构建Docker镜像可以对提高开发效率和团队协作有很大帮助。
### 背景定位
**适用场景分析**
在许多团队中，开发人员需要在不同的环境中构建和运行Vue应用程序。特别是在CI/CD中，通过Docker来打包和部署项目是常见的需
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阅读
目录前言一、4个map方法用途和概念用途1、mapState2、mapGetters3、mapActions4、mapMutations二、map方法案例练习1、不用map方法2、通过4个map方法实现三、注意项 前言看这篇文章的前提是我们已经掌握vuex和vuex中的getters，如果不了解，可以看这两篇 1、vuex安装和使用详解以及案例 2、vuex中的getter详解和案例练习一、4个
转载
2024-06-07 22:00:45
411阅读
vue之mapMutations的使用 我们通过Mutation来改变store中的state，方法往往是在子组件中使用 this.$store.commit(); 来实现，但是这样的缺点是不容易查看，并且每次在调用Mutations时都需要添加 $store， 为了方便我们的开发，所以可以使用 mapMutations ，正如对于state, 我们可以使用 mapState 是一样的 。
转载
2024-04-29 15:46:58
21阅读
## 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类：开发问题，部署问题。开发方面的问题是最多的，也是大家经常会遇到的，但是部署的问题也不容小觑，一旦部署出错会造成严重的上线事故。开发和测试时调用后台接口的地址是和生产环境中不一样的，有些时候需要跳转到其他网页，也需要测试和生产环境跳转不同的页面。这些配置如果都用人工来维护，上测试环境注释掉生产的代码，上生产环境注释掉测试的代码，会
文章目录一、前言二、文件介绍三、拓展阅读一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加
