背景:
随着技术发展的日新月异,vue3.0都发版了,市面上都开始涌现新的组件库,难道还不上手写vue3.0吗
方案1:
跟着官方文档的安装操作一番
npm install vue@next
npm install -g @vue/cli
// 可能会提示node版本落后,我就 nvm use 12.18.3升了级。之前是8.9.4
查看vue -V (我给vue/cli从最新版本降级到了4.5.4)
![](https://img.haomeiwen.com/i8806663/d1d8ced9fc4ef320.png)
使用vite创建项目,继续安装并运行
npm install -g create-vite-app
npm init vite-app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev
结果却是:
![](https://img.haomeiwen.com/i8806663/0b739b5cbe810025.png)
找不到页面,调试了很久,试了很多方法也不成功。所以选择方案2;
方案2:
vue create vue3-test
注意有以下选项,选择圈红的这一条。
![](https://img.haomeiwen.com/i8806663/e6cb3f496015d801.png)
运行项目
npm run serve
书写代码
![](https://img.haomeiwen.com/i8806663/5b354c7a4aafc464.png)
运行结果
![](https://img.haomeiwen.com/i8806663/31bc6596cca5487a.png)
网友评论