升级vue本地实战记录

150 阅读1分钟

这次还是主要用来记录当前升级vue3的步骤,文章比较简单,也是为方便以后查看,如果有喜欢的看官姥爷,麻烦点个赞呗。


  1. #环境介绍

    电脑:mac m1 系统

    旧vuecli版本:2.9.6

  2. #卸载环境

    其实在这我们既可以选择更新当前的vuecli版本也可以选择先卸载在更新。我在这选择的是先卸载掉当前的版本

    卸载命令 sudo npm uninstall -g vue-cli image.png

    卸载完以后输入 vue --version 或者 vue -V 发现没有输出版本号即可视为成功

  3. #安装环境

    安装命令 sudo npm install -g @vue/cli

image.png

安装完以后输入 vue --version 或者 vue -V 看到下面出现的版本号就成功了

image.png

  1. #创建项目

    创建项目命令 vue create projectname (vue create 项目名称)

    如果第一次安装出来选择是否的话随便选择就行,再然后出现下面这张图默认选择vue3点击回车即可。

image.png

  1. #项目创建成功

    项目创建成功后会提示你进入项目目录并且启动。按照提示进行即可

  2. #问题终结

    1.安装和卸载命令前面的 sudo 是什么意思?

    这个因为用的是mac系统,我们需要使用管理员模式才可以进行安装和卸载,sudo就相当于使用了管理员权限,这 个在wind系统是不用带的。


👋 写在最后

争取这个月写完使用vue3的心得体会。我们下文再见🙌。。