vue3 项目搭建

232 阅读1分钟

之前使用过vue2,这次公司项目使用到vue3,差异好像挺大的,我这里会一点一点记录,算是自我的一次提升。

前提

安装nodejs这里是菜鸟教程,我没出啥错,如果有问题,可以私聊或者评论。

版本

创建vue工程有两种方式@vue/cli、以及vite

  • 这里使用 vite

搭建项目

  • 安装vite
    npm i -g create-vite-app

image.png

  • 使用 create-vite-app 创建项目
    create-vite-app 项目名称

image.png 这里有个坑安装vite全局配置提示已经过时

  • 使用官方推荐创建方式
    npm init @vitejs/app vue3-vite --template vue

提示成功后

     cd .\vue3-vite\   
     npm install
     npm run dev

成功! hello vue3 我来了

image.png