-
2018-07-31 15:36:54
cnpm install -g @vue/cli
更多相关内容 -
VUE更新版本浏览器缓存问题
2020-05-11 15:02:02true, collapseWhitespace: true, removeAttributeQuotes: true } }) vue-cli 里的默认配置,css 和 js 的名字都加了哈希值,所以新版本 css、js 和就旧版本的名字是不同的,不会有缓存问题。但是 index.html ...1、修改
webpack .prod.conf.js
文件const version = new Date().getTime(); output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js'), chunkFilename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js') }
2、在 html 页面前面加 meta 标签。
<meta http-equiv="pragram" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
3、html 页面加载脚本的时候给脚本后面加一个时间戳,修改
webpack.prod.conf.js
文件const version = new Date().getTime(); new HtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', inject: true, hash: version, favicon: resolve('icon.ico'), title: 'vue-admin-template', minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true } })
vue-cli 里的默认配置,css 和 js 的名字都加了哈希值,所以新版本 css、js 和就旧版本的名字是不同的,不会有缓存问题。但是 index.html 放到服务器里去的时候,index.html 在服务器端可能是有缓存的,这需要在服务器配置不让缓存 index.html。
4、nginx 配置,让 index.html 不缓存。location = /index.html {
add_header Cache-Control "no-cache, no-store";
}
其他解决方案:https://www.jianshu.com/p/e295f8d1cf70
可以逐个进行尝试
-
Vue版本更新
2021-03-23 11:47:10在命令行输入: cnpm install -g @vue/cli 然后在查看vue版本号: vue -V在命令行输入:
cnpm install -g @vue/cli
然后在查看vue版本号:
vue -V
-
如何升级Vue的版本 vue2.9.6升级到vue3.0
2022-03-09 13:41:50背景:电脑使用多年,一直使用vue 2.x版本,项目开发过程中由于一个模块涉及的集成模块过多,导致需要进行定义的变量越来越多,代码出现冗余,因此在同事的推动下,鉴于vue 3.x的优化,故对自己本来使用的vue 2.9.6...背景:电脑使用多年,一直使用vue 2.x版本,项目开发过程中由于一个模块涉及的集成模块过多,导致需要进行定义的变量越来越多,代码出现冗余,因此在同事的推动下,鉴于vue 3.x的优化,故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢,请查阅如下步骤:
vue版本的升级主要步骤:
一、首先需要卸载你之前的vue2.9.6
使用快捷键win+R,出来“运行”界面:
输入cmd–>回车–>进入dos界面:
输入命令查询vue的版本:vue -V or vue -Version
输入命令卸载目前vue版本:
npm uninstall vue-cli -g
再输入vue版本查询命令,提示“不是可执行的命令”则表示卸载成功了。
二、安装新版本:
首先你要确保你的Node.js的版本高于vue 3 最低要求的版本。Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+,你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本)。
运行命令:npm install -g @vue/cli 若安装不上使用下面命令进行安装 cnpm install -g @vue/cli
然后运行命令vue -V查看vue的版本
如果显示版本就说明成功了,我这里装过之后直接到最高版本了
出现了我以前v10.15.3版本的node.js不支持vue 3的使用。
查询vue版本时候给出提示,说我的node版本太低了也需要升级。
node.js升级:
node.js的升级的与vue的升级略有差别,不需要对上一个版本进行卸载,只需要去node.js官网下载自己需要的版本,我下载的是v12.22.5版本。
双击改“msi”文件,一直“next”下去即可,直到“finish”。
输入node -v查询node版本,输入 vue -V 查询vue脚手架升级的版本。
以上就是本人今天进行vue+node升级时候梳理出来的操作流程,有疑问的地方欢迎各位随时call我。
-
mac下 vue 2.x 版本升级到 vue 4.x版本(vue版本升级
2022-01-27 13:59:161. 如果当前mac系统下的 vue 版本为2.x 查看vue版本指令 注意:这里V是大写 vue -V 执行升级指令 npm i -g @vue/cli 会出现如下效果 正常情况下,mac系统执行指令无法将 vue 升级 如何将 vue 优雅的升级到 4.x ... -
vue依赖各版本组件
2020-10-14 10:05:14配置项目时的依赖文件,放入项目中后重新运行npm install即可,本人项目使用的依赖文件,冲突较少,满足开发需求。 -
vue echarts(2020/10/22更新)
2020-10-22 10:24:59echarts作为vue组件进行使用,可实现一个页面加载多个echarts实例,互不冲突。页面大小变动自适应。文章链接:https://blog.csdn.net/qq_35134375/article/details/109164031 -
Vue引入版本crypto-js.js
2021-02-27 13:45:26在VUE中使用的crypto-js -
VUE项目版本迭代自动更新当前版本的代码 更新 刷新 自动更新静态文件 reload
2019-11-05 17:59:01window.reload是重新加载当前需要的...在APP.vue 中写一个版本号,在静态文件再写一个版本号,相互印证,如果不一样的话,就调用 location.reload() 自动刷新页面 app.vue 代码: var version = this.version; ... -
详解如何解决Vue和vue-template-compiler版本之间的问题
2021-01-19 19:24:49报错原因:通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯),导致了vue和vue-template-compiler的版本不一致。 解决方案:统一vue和vue-template-compiler的版本 vue: ... -
vue升级版本
2020-02-26 15:25:13vue要升级,一般就是升级 vue 和 vue-template-compiler,两者的版本需要同步第一步第二步完成 第一步 npm update vue-template-compiler -D 或者 yarn add vue-template-compiler -D 第二步 npm update vue -S ... -
vue2.9.6版本更新到最新版本
2021-11-11 14:11:38需求:创建vue3项目 问题: 1、vue-cli4.4.6版本创建项目,没有...《2》2.9.6版本时卸载一直显示已经更新完成 小知识 《1》mac:shift+command+. 显示出隐藏文件(文件前有.的文件) 《2》mac:shift+command+g 显示出文. -
解决vuecli3.0热更新失效的问题
2020-12-07 09:11:402、vueCli3.0及以上的版本,注意不要用cnpm安装依赖包,要用npm 以上这篇解决vuecli3.0热更新失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 -
使用vue,版本更新,解决用户浏览器缓存问题
2020-10-15 09:21:041、修改webpack .prod.conf.js文件 const version = new Date().getTime(); output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash:8].' + version + '.js'), ... -
vue-admin:vue后台管理模板-轻量版(已更新vue3.x版本)
2021-04-04 22:58:47vue后台管理模板 项目描述:基于vue.js + typescript + element-ui编写一套超轻量,可根据实际情况自由地扩展的前端中后台管理基础模板。 vue 2.x | 预览地址 功能清单 layout核心layout模板 vue-router用户权限... -
解决vue和vue-template-compiler版本不一样的快捷办法
2021-01-07 19:10:19vue项目,package.json中Vue和vue-template-compiler版本不一致时,执行npm run dev有时会报错 提示如下内容 in ./src/views/login/index.vue Module build failed: Error: Vue packages version mismatch: - vue@... -
vue 解决异步数据更新问题
2020-10-16 02:38:18今天小编就为大家分享一篇vue 解决异步数据更新问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
npm,vue-cli版本更新
2019-03-18 17:10:40vue-cli脚手架更新命令:npm install -g @vue/cli 温馨提示,node在windows是不能使用命令更新的,乖乖去重新下载吧! 更新之后就迫不及待的准备新建一个项目,但是看上面截图,好像并没有成功啊!vue init 要求... -
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
2020-12-03 11:16:08vue +webpack 项目中数据更新后页面没有刷新问题,ie11下,如果GET请求请求相同的URL,默认会使用之前请求来的缓存数据,而不会去请求接口获取最新数据,我用的解决方法是在每个请求发送前,拦截请求并给请求接口的... -
Mac安装Vue-cli和更新Vue-cli
2022-01-15 22:08:28有出现版本号 表示已经安装。 出现????的情况表示没有安装 开始安装Vue-cli,打开命令终端,输入命令 Cnpm install -g @vue/cli 注意:这里使用的cnpm,需要安装插件,但是也可以使用npm镜像进行安装,但是速度会... -
更新vue版本
2019-10-04 18:12:22npm install -g @vue/cli -
vue 版本迭代更新自动刷新清缓存
2022-03-11 10:17:001.每次构建打包文件输出时,给文件名加上时间戳,确保每次版本更新的文件名不一样,用于清缓存(文件:vue.config.js) 2.项目静态文件存储更新迭代的版本号,每次版本更新时,修改版本号(项目public目录下新建... -
uni APP自动更新并安装.vue
2021-12-17 19:05:25uni APP自动更新并安装.vue -
vue.js编译时给生成的文件增加版本号
2021-01-19 20:17:22vue.js在生成相关js和css文件的时候,名称是通过HASH的方式进行生成的,但是每次生成的文件基本都是一样的,那么浏览器就会缓存这些文件,为了在更新的时候能够保证js和css文件能够更新,那么我们需要针对webpack的... -
vue脚手架更新
2022-03-19 08:53:40检查全局vue脚手架版本 vue -V 升级vue脚手架 npm update -g @vue/cli 安装vue脚手架 npm i -g @vue/cli 卸载vue脚手架 npm uninstall -g @vue/cli -
vue版本更新
2019-01-07 17:23:00之前电脑已经安装 Node环境和 vue-cli脚手架,但是过段时间没有使用,然后现在用 vue-cli 搭建项目的时候,启动服务器的时候报错,无法启动成功,摸索半天,发现是因为 Node和vue-cli 的版本过低,都需要更新,更新... -
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2021-01-19 17:42:34最近还没来得及更新文章,就发现vue-cli已经更新到3.0版本了。 //想了想还是用升级吧,反正最终都逃不掉,不如在这个项目上实验一下3.0的威力(并不会)。 升级vue-cli npm install -g vue@cli vue -V 使用图形化... -
基于Vite2,vue3.0,ant-design-vue 2.x,打字稿,vuex,vue-router的vue3样式管理员,正在努力进行更新。
2021-05-10 14:46:03完整版本的github站点 简体中文网站 pages-简化的github网站 测试帐号:vben / 123456 使用Gitpod 在Gitpod(适用于GitHub的免费在线开发环境)中打开项目,并立即开始编码。 文献资料 准备 和项目开发