uni-app 开发配置Vue3/Vite版

说明：uni-app，一个兼容多端的开发工具，可以使用vue语言开发，然后转译成其他端型的代码。官方文档（zh.uniapp.dcloud.io/quickstart-…

环境配置

1. 安装node (使用Vue3开发, node 版本^14.18.0 || >=16.0.0)：nodejs.org/en

2. 安装@vue/cli

   npm install -g @vue/cli
   

3. Vue3/Vite版代码下载

   命令速度慢，可以直接仓库下载

   • js版本

     • 仓库下载：gitee.com/dcloud/uni-…

     • 命令下载

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

   • ts版本

     • 仓库下载：gitee.com/dcloud/uni-…

     • 命令下载

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

项目启动

cd [projectName]
npm install

项目打包（微信小程序为例）

执行打包命令，会在dist生成开发版本小程序文件

npm run dev:mp-weixin

运行小程序

1. 微信开发者工具官网下载：developers.weixin.qq.com/miniprogram…

2. 安装打开微信开发者工具，导入刚才编译好的 mp-weixin 文件夹。

   

3. 初次导入需要填写APPID（官网申请）

4. 编译运行后的效果

   

这篇好文章是转载于：学新通技术网