一 创建项目：

方式一： 进入可选方式来创建项目
npm方式：

$ npm init @vitejs/app

yarn方式：

$ yarn create @vitejs/app

然后进入编辑项目文件夹名字【默认vite-project】
最后进入选择支持的框架模板【选择需要的一个】

方式二：构建vue 项目
npm方式：（npm 7+版本以上 ）

npm init @vitejs/app my-vue-app -- --template vue

yarn方式：

yarn create @vitejs/app my-vue-app --template vue

二 运行项目：

进入到创建的新项目中

cd vite-porject

安装所需的包----------因为package.json文件里面描述了所需的包

npm install

进入开发模式测试服务器

npm run dev

命令的注释

package.json文件里面的脚本指定的启动命令
"scripts": {"dev": "vite","build": "vite build","serve": "vite preview"},
意思为：
dev开发测试服务
build打包服务
serve生产运行服务
指令为：npm run + [服务]

三 导入包

想要导入一些npm包来使用，那么就项目文件夹里面打开cmd命令窗口，进行安装想要的包
1：如安装vue-router

npm install vue-router@4 -D

2：引入文件
main.js原文件内容：

import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

main.js文件引入之后：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
# 其它导入二
createApp(App)
.use(router)
# 其它使用二
.mount('#app')

3.如果是router则需要自行创建一个文件来配置
src目录下创建router文件夹，并在router文件夹内创建一个index.js文件【index.js的内容和旧版本没有改变】

四：引入饿了么ui库或者是有赞ui库

建议使用全局使用，大型商业项目再进行优化，按需加载