2

问题由来

尤大在8月的时候在微博里推送更新,我就没注意。
我以为不就是简单的npm install @vue/cli -g嘛。大不了就uninstall重新安装不就完了
结果发现我创建项目后提示3.0.0并非3.2.21
此时我们从头开始。
image.png


卸载

卸载当前vue,c盘默认位置即可.我不知道你是2还是3

npm uninstall vue-cli -g
//或者
npm uninstall @vue/cli -g

安装

C盘默认全局安装

npm install -g @vue/cli
//或者
cnpm i -g @vue/cli

创建项目

到时候问你是要2还是3,选3即可, 但是没用
你创建后还是3.0.0

vue create xxxxx

image.png


更新

此时我们先不要cnpm run serve运行,先做一件事
安装当前项目的vuecompiler-sfc

cd xxxxx

cnpm i vue
cnpm i @vue/compiler-sfc -D

此时我们仔细看看,世界如此美好,代码如此渺小。
但是如果想在cmd中查看,那么就用这招

npm info vue version

image.png


VS Code

这里只是小小的建议,
为了以防万一,怕提示这个报错。简单的提一下

vue : 因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies

解决方法,
以管理员方式进行运行,然后在底部的终端输入

get-ExecutionPolicy ( 提示:Restricted )
set-ExecutionPolicy RemoteSigned  (没提示)
get-ExecutionPolicy ( 提示RemoteSigned )

Volar

有了它,可以帮你转换!而且Vue3不会报错
image.png


此时你会发现,我们曾经的大一堆!直接转换成几行代码
image.png


详细安装说明

在这里详细的说明了安装的这些的真实意义
不要盲目的回车!

https://www.imooc.com/article/319256

赵不悔
96 声望4 粉丝

我以为租来的人生也能幸福…要不是幸福终究有个期限,我也就信了。