vite构建vue3项目

vue2建议的  构建工具  webpack  +  脚手架  @vue/cli    运行项目  npm run serve 

vue3建议的  构建工具   vite  +  脚手架  create-vue   运行项目  npm run dev

----------- 使用vite搭框架(没有router和pinia) --------------
1, 全局安装vite构建工具
    cnpm i create-vite -g   /  yarn add create-vite -g
2, 使用vite构建vue项目
    npm init vite@latest
3, 安装默认依赖 (cd进入项目根目录)
    cnpm i
4, 运行项目
    npm run dev

----------- 使用create-vue搭框架(可选router和pinia) --------------
1, 全局安装create-vue脚手架 
    cnpm i create-vue -g   /   yarn add  create-vue -g
2, 使用create-vue构建vue项目
    npm init vue@latest
3, 安装默认依赖 (cd进入项目根目录)
    cnpm i
4, 运行项目
    npm run dev
注意: create-vue 要求nodejs版本在v16及以上 ,否则运行报错

----------- 配代理 -------------
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export defau