全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
官方链接：https://cli.vuejs.org/zh/guide/installation.html
1.安装Vuecli3
关于旧版本
VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。
Node版本要求
VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个Node版本。
可以使用下列任一命令安装这个新的包：
npminstall-g@vue/cli
#OR
yarnglobaladd@vue/cli
安装之后，你就可以在命令行中访问vue命令。你可以通过简单运行vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。
你还可以用这个命令来检查其版本是否正确(3.x)：
vue--version
2.安装完Vuecli3之后，还想用vue-cli2.x版本
VueCLI3和旧版使用了相同的vue命令，所以VueCLI2(vue-cli)被覆盖了。如果你仍然需要使用旧版本的vueinit功能，你可以全局安装一个桥接工具：
npminstall-g@vue/cli-init
//安装完后就还可以使用vueinit命令
vueinitwebpackmy_project
补充知识：Vue之vue-routerrouter.beforeEach导航守卫，陷入死循环
官方文档:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html
判断浏览器缓存是否有用户的信息，没有的话跳转登录页。
看了官方文档，直接这样写了。（试了手动清除缓存，再从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'
});
}
}
});
以上这篇全局安装Vuecli3和继续使用Vue-cli2.x操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。