快速创建vue3的方法(使用vite创建)

作者：老吴

1、什么是vite

1. Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。
2. 它主要具有以下特点：
   • 快速的冷启动
   • 即时的模块热更新
   • 真正的按需编译

2、创建项目

1. 先下载所需的依赖包

cnpm i -g create-vite-app

2. 然后直接创建项目

create-vite-app vue3App

3. 然后直接进入到该目录中

cd vue3App

4. 然后下载所有依赖

cnpm i 

5. 然后把项目跑起来

npm run dev

3、对应效果

1. 项目已成功
   
2. 在浏览器打开
   
3. 项目框架

├── index.html
├── package.json
├── public
│   └── favicon.ico
└── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   └── HelloWorld.vue
    ├── index.css
    └── main.js

如有不足之处欢迎下方评论