问题由来
尤大在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
运行,先做一件事
安装当前项目的vue
和 compiler-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不会报错
此时你会发现,我们曾经的大一堆!直接转换成几行代码