美文网首页
vue3.0 项目搭建

vue3.0 项目搭建

作者: 离陌夕 | 来源:发表于2020-12-07 19:36 被阅读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

相关文章

  • vue 3.0 资料整理

    1.0 vue3.0项目搭建:https://www.cnblogs.com/yf-html/p/12753540...

  • Vue3.0 + TS 编译报错 property does n

    1. 场景 在用Vue3.0 + VueRouter4.0 + AntdVue + TS搭建的项目中,编译过程中遇...

  • vue3.0和2.0的区别

    vue3.0和2.0的区别及项目的搭建 - xy19950125的博客 - CSDN博客 vue-cli 3.0 ...

  • vue3.0 项目搭建

    一开始npm、node的安装就不写了。我本地的node和npm的版本是: 1、 打开命令行工具,输入: 2、根据上...

  • 搭建vue3.0 项目

    安装脚手架卸载原来的脚手架 npm uninstall vue-cli -g下载新的脚手架 npm unins...

  • webpack搭建vue脚手架(一)

    vue3.0已经发布有些时日了,考虑可以学起来了,但是自己搭建项目又比较费劲,加上webpack知识需要更新了,刚...

  • vue 3.0 vue.config.js配置

    配置文件的变化 在vue3.0之前,vue-cli搭建的项目,有build和config两个文件夹。在其中可以配置...

  • Vue

    vue3.0项目从0到1 vue3.0项目从0到1-初始化项目[https://www.jianshu.com/p...

  • vue3.0项目搭建

    噩耗噩耗!vue2还没完全搞懂,就更新到 vue3 啦~~~~~ 1. 卸载旧版本 如果你之前如果你已经全局安装了...

  • Vue3.0(vite工具搭建项目)

    vue3.0浅析 前提vue2.X中很多内容被保存下来;vue3.0采用的是typescript进行重构的 几大亮...

网友评论

      本文标题:vue3.0 项目搭建

      本文链接:https://www.haomeiwen.com/subject/oxwtgktx.html