vue3开发小程序uniapp+vite+ts

打开uniapp官网的介绍，快速上手中看到命令行创建：

 

 使用命令创建：

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

这个过程可能会失败，可以通过gitee下载安装包，地址为：

登录 - Gitee.com

下载完毕后解压，使用vscode打开，如果要使用vuex，直接npm install 下载依赖，如果要使用pinia，把package.json中的vuex删掉，然后npm install安装依赖，然后再下载pinia，

运行项目

npm run dev:%PLATFORM%

%PLATFORM%可取值如下：

app-plus	app平台生成打包资源（支持npm run build:app-plus，可用于持续集成。不支持run，运行调试 
            仍需在HBuilderX中操作）
h5	H5
mp-alipay	            支付宝小程序
mp-baidu	            百度小程序
mp-weixin	            微信小程序
mp-toutiao	            字节跳动小程序
mp-lark	                飞书小程序
mp-qq	                qq 小程序
mp-360	                360 小程序
mp-kuaishou	            快手小程序
mp-jd	                京东小程序
mp-xhs	                小红书小程序
quickapp-webview	    快应用(webview)
quickapp-webview-union	快应用联盟
quickapp-webview-huawei	快应用华为

这里要运行在微信小程序中，可执行命令：

npm run dev:mp-weixin

之后会在项目中生成一个dist目录文件夹

使用vscode并不会自动打开微信开发者工具，要自己手动打开，选择开发者工具，导入项目，即可