1、 socket -client 中的那一行 注释掉会影响 node_modules\sockjs-client\dist\sockjs.js self.xhr.send(payload); 2、vue.config.js 配置 devServer chainWebpack: (config) = ...
转载
2021-09-16 17:07:00
844阅读
2评论
提到热更新，首先我们要有一个概念：Vue有热更新模块，而webpack也有它的HRM模块（HotModuleReplacement）。Vue热更新是基于webpack的热更新之下的粒度更小的更新，它是依托于webpack-dev-middleware对文件的监听的，是整个webpack热更新的一部分。所以想要理解Vue的热更新，必须先要了解webpack HMR的一个流程。 webpac
转载
2023-09-08 06:38:18
221阅读
我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node的迭代却没那么平凡，可能一周更新一次甚至更久，那么为了node服务的稳定，减少node服务的发布次数，是非常有用的。 配置中心是肯定需要的，因为需要通过配置不同的资源版本号，来通知node服务更新服务上的版本号 那么 我们的vue代码 要如何改造才能实现热更新呢？ 我们就以vue官方给的例子来看以下代码
转载
2024-04-24 14:29:48
102阅读
1、在项目根目录下创建vue.config.js 2、复制代码 module.exports = { devServer: { // --open --contentBase src --port 3000 --hot", open: true, contentBase: 'src', port: ...
转载
2021-09-23 16:57:00
3749阅读
2评论
# Vue iOS 热更新：让应用更加灵活
随着移动应用的普及，用户对应用的更新速度和体验要求越来越高。热更新作为一种无需重新下载安装包即可更新应用内容的技术，越来越受到开发者和用户的青睐。本文将介绍如何在 Vue 项目中实现 iOS 平台的热更新。
## 什么是热更新？
热更新，又称为热修复或热补丁，是一种在应用运行时动态更新应用内容的技术。它允许开发者在不发布新版本的情况下，修复应用中的
原创
2024-07-26 09:41:51
58阅读
大家都用过 Vue-CLI 创建 vue 应用，在开发的时候我们修改了 vue 文件，保存了文件，浏览器上就自动更新出我们写的组件内容，非常的顺滑流畅，大大提高了开发效率。想知道这背后是怎么实现的吗，其实代码并不复杂。这个功能的实现底层用了vue-hot-load-api[1]这个库，得益于 vue 的良好设计，热更新的实现总共就一个 js 文件，200 行代码，绰绰有余。而在这个库里涉及到的技巧
# Docker 热更新 Vue 应用的实现
在现代 web 开发中，Docker 是一种越来越流行的容器化技术，它可以帮助开发者在任何环境中统一应用部署。而 Vue.js 是一款广受欢迎的前端框架，这使得结合这两者成为了开发者的优选解决方案。通过 Docker 热更新 Vue 应用，开发者可以大大提高开发效率，实时预览代码更改，避免重复构建和重启容器的烦恼。
## 什么是 Docker 热更
原创
2024-10-31 06:08:27
173阅读
# Vue CLI 更新使用 Yarn
作为一名经验丰富的开发者，我很高兴能帮助刚入行的小白实现“Vue CLI 更新使用 Yarn”。接下来，我将详细介绍整个流程，并解释每一步需要做什么。
## 流程概述
以下是实现“Vue CLI 更新使用 Yarn”的步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 安装 Yarn |
| 2 | 创建 Vue CLI 项目 |
原创
2024-07-30 11:03:37
34阅读
Vue前端项目增量更新Vue前端项目打包时会将项目页面代码封装成一个个的js和css，命名规则为chunk+哈希值。 当页面代码有变动并重新打包时，webpack只会更新有变动的文件，并更新文件名称里的哈希值，其他的文件并不会更新，根据这一特性，可以实现vue前端项目增量更新。 操作步骤如下： 1、 上一版本的打包文件命名为dist1，并重新打包前端项目（生成文件默认为dist）。如图将执行程序拷
转载
2024-04-01 07:06:14
240阅读
vue.js在命令中使用--inline --hot进行热更新配置，需要下载vue-hot-reload-api组件 也可以试试： 使用spri
原创
2023-05-11 11:10:03
2023阅读
本文列出Vue3比较重要的几点更新，博客基于Vue3起步目录结构：-——-src
----|--main.js
----|--App.vue
--index.html
--package.json
--vite.config.js依赖包：npm install vite @vitejs/plugin-vue -D
npm install vue@next -Spackage.json："scrip
转载
2024-03-19 08:34:49
156阅读
官方：如果，你发现自己需要在vue中做一次强制更新，99.9%的情况，是你在某个地方做错了事。情况一：Vue无法检测实例被创建时不存在于data中的变量原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。例如： new Vue({
data:{},
templat
转载
2024-02-20 19:09:34
740阅读
只需要运行下面的命令即可：
原创
2021-08-06 16:52:33
511阅读
解决Vue热更新失效一、问题描述二、出现原因三、解决方案四、总结 一、问题描述之前在本地测试Vue项目时，是可以热更新的，但是最近一段时间发现Vue的热更新失效了。然后通过vs code查看控制台，发现编译没有报错，然后查看浏览器控制台，发现控制台输出了一个报错，如下图所示：然后点进去发现是这里报的错误，如图所示： 说明：这个文件可以在 node_modules\sockjs-client\di
https://cli.vuejs.org/zh/guide/mode-and-env.html
转载
2020-06-16 15:14:00
217阅读
2评论
VUE CLI 1.什么是Vue CLI (Command Line Interface)? Vue CLI是vue官方提供的脚手架工具， 默认已经帮我们搭建好了一套利用webpack管理vue的项目结构 2.如何安装Vue-cli和使用Vue-CLI? 安装脚手架工具: npm install - ...
转载
2021-09-25 21:39:00
218阅读
2评论
Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介 ...
转载
2021-08-28 22:00:00
329阅读
2评论
Vue CLI1、简介2、安装3、创建项目3.1 vue create1、简介 在开发大型单页应用时，需要烤炉项目的组织结构、
原创
2023-02-13 11:42:42
222阅读
前言在旧开发的时代，前端项目在开发的过程中修改代码，很有可能是手动切到浏览器刷新页面来看到改动效果。操作不方便且页面之前的编辑记录也都丢失，体验可以说为0。想象一下一个表达你努力填满了所有输入项，结果因为调了一下样式就丢失了所有输入内容，你的心情如何？随后变出现live reload自动刷新，解决了手动切的尴尬操作但页面的状态问题仍未解决。随着前端工程化的推进，HMR（Hot Module Rep
转载
2023-11-20 14:01:01
266阅读
热更新主要用于不停机修复bug等。故其重点是更新逻辑代码。切记模块设计时，分为数据和逻辑。1、所有脚本文件，除了入口的文件外，其他都写成module形式；2、模块中不要有文件内的local变量，目前未知此种变量存到哪里了，local修饰的函数无所谓；3、所有的数据部分直接存到_G.game_instance.xxx中，然后直接重新load初始化入口文件，并卸载所有的脚本文件，就会触发重新加载；例子
转载
2023-06-29 15:49:01
246阅读
