问题由来

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


卸载

卸载当前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


更新

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

cd xxxxx

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

此时我们仔细看看,世界如此美好,代码如此渺小。


VS Code

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

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

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

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

Volar

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


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

03-05 16:40