VSCode中如何开发uni-app(微信小程序)

VSCode中如何开发uni-app(微信小程序)

流程:

1、创建微信开放平台账号
2、 获取AppID 创建小程序项目
3、搭建项目结构
4、功能开发
a、后台给到的所有域名都必须备案(包括接口域名,h5链接域名,图片域名等,备案后要在微信后台服务中进行配置,且微信后台的服务域名校验文件要放在域名根目录下,微信后台配置的时候会有提示,根据提示操作即可)
b、补充相应用户隐私保护指引(比如要获取用户手机号,地理位置等要告诉用户为什么要获取这些,且要在微信后台服务中配置好,以免小程序被举报)
c、小程序必须备案
5、调试和测试
6、上传代码提交审核(代码上传至微信开放平台,填写相关信息并选择提交审核,注意准备好相应的文档资料,如功能介绍、运营规划等,等待微信官方对小程序进行审核,通常需要数天时间)
7、审核通过,小程序发布上线

VSCode中搭建项目

cli工程全局安装vue-cli
npm install -g @vue/cli
通过cli创建uni-app项目
vue create -p dcloudio/uni-preset-vue my-project
选择模板,初次体验建议选择 hello uni-app 项目模板

image.png

npm install
微信小程序运行
npm run dev:mp-weixin
项目启动后打开微信开发者工具导入dist/dev/mp-weixin即可
image.png

如果当前用到的域名未备案本地开发时可先勾选此项,后期再进行接口调试

image.png

当新建页面的时候需要在pages.json中引入(pages中第一个为默认打开页)

image.png

如有不完善后续补充........

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容