一开始npm、node的安装就不写了。我本地的node和npm的版本是:
image.png
- 1、 打开命令行工具,输入:
npm init vite-app 项目名称
image.png
- 2、根据上图提示,在命令行工具输入:
cd vue3-pro
npm install 或cnpm install
image.png
至此vue3项目搭建完成。
查看搭建的项目是否是vue3的项目,可以看组件代码,vue3是支持多个根节点的,而vue2最多只能有一个根节点。
image.png
image.png
-
3、搭建完成的项目结构:
image.png - 4、启动项目,命令行工具输入:
yarn dev 或npm run dev
参考资料:
https://baijiahao.baidu.com/s?id=1678457999059709029&wfr=spider&for=pc
https://www.cnblogs.com/yf-html/p/12753540.html