hbuilder搭建vue3+ts+vite的项目初始化

有能力可以直接看官网介绍：uni-app官网

创建uni-app

创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板）

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

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

创建以 typescript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板）

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

此时，会提示选择项目模板（使用Vue3/Vite版不会提示，目前只支持创建默认模板），初次体验建议选择 hello uni-app 项目模板，如下所示 

Vue3/Vite版要求 node 版本^14.18.0 || >=16.0.0

如果使用 HBuilderX（3.6.7以下版本）运行 Vue3/Vite 创建的最新的 cli 工程，需要在 HBuilderX 运行配置最底部设置 node路径 为自己本机高版本 node 路径（注意需要重启 HBuilderX 才可以生效）

HBuilderX Mac 版本菜单栏左上角 HBuilderX->偏好设置->运行配置->node路径

然后将项目用vscode或者hbuilder打开： 

使用命令：pnpm i   安装依赖：

可以看到项目里面的代码已经是ts的语法了： 

然后根据不同的平台运行不同的运行命令：比如我的运行微信小程序

运行之后，根据提示，在微信开发者工具里面导入这个编译好的项目：

稍微等待一会，就会看到：

实时编辑也能实时预览：