vue3.0 项目搭建

一开始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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容