全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
官方链接
1.安装Vue cli3
关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
Node 版本要求
Vue CLI 需要 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 或 在同一台电脑中管理多个 Node 版本。
可以使用下列任一命令安装这个新的包
npm install -g @vue/cli
# OR
yarn global add @vue/cli
安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。
你还可以用这个命令来检查其版本是否正确 (3.x)
vue --version
2.安装完Vue cli3 之后,还想用vue-cli2.x 版本
Vue CLI 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具
npm install -g @vue/cli-init
//安装完后 就还可以使用 vue init 命令
vue init webpack my_project
补充知识Vue 之vue-router router.beforeEach导航守卫,陷入死循环
官方文档 :
判断浏览器缓存是否有用户的信息,没有的话跳转登录页。
看了官方文档,直接这样写了。(试了手动清除缓存,再从url里面跳登录页,直接陷入了死循环)
router.beforeEach((to,from,next)=>{ if(sessionStorage.getItem('loginData')){ Toast('跳转成功'); next(); }else { //没有登录,去跳转登录页 next({ path:'/login' }); } });
原因是由于 next('/login')是自己指定路径的,路由跳转的时候还执行一遍beforeEach导航钩子,所以上面出现死循环;
再加个判断就OK了
router.beforeEach((to,from,next)=>{ // console.log(to); // console.log(from); if(sessionStorage.getItem('loginData')){ Toast('跳转成功'); next(); }else { //没有登录,去跳转登录页 if(to.path === '/login'){ next(); }else { next({ path:'/login' }); } } });
以上这篇全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南