开发原生微信小程序,不是uni-app,而是……
发表时间:2023-09-28 08:41:55
文章来源:炫佑科技
浏览次数:184
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
开发原生微信小程序,不是uni-app,而是……
注意,本文讨论的是使用开发微信原生小程序,而不是uni-app。要使用uni-app,请在
很多开发都需要开发小程序,但是小程序开发IDE却一直受到很多开发的诟病。
很多开发只使用微信开发工具作为模拟器,代码编写仍然是在其他专业编辑器中完成。
作为专业的开发工具hbuilderx开发微信小程序,近期也为微信小程序的开发提供了支持:
下面简单说明一下使用步骤。
新建一个微信小程序
在创建新项目时开发原生微信小程序,不是uni-app,而是……,支持小程序类型,如下:
小程序项目创建完成后,默认项目目录如下:
导入现有小程序
如果已经存在微信小程序项目,可以直接将项目目录拖入其中。
小程序语法提示
语法提示永远是强项,应用内也有不错的小程序语法提示。
小程序JS API使用技巧:
小程序wxml标签提示:
同步到小程序模拟器
支持同步代码到微信开发工具,如下图,点击“微信开发工具”
系统会尝试检测并启动微信开发工具。
如果是已有的微信项目(之前使用微信开发工具打开过的项目),模拟器、编译器等部分会直接打开并显示。 只需跳至下面的步骤 4 即可继续阅读。
如果是新项目,需要按照以下步骤初始化并导入小程序项目。
1、微信开发工具启动成功后的界面:
2、选择小程序项目,点击新打开窗口右下角的“+”,打开新建项目向导:
3、将项目目录设置为刚刚创建的项目根目录
4、在微信开发工具中,点击左上角“编译器”,关闭微信编译器; 如果暂时不需要调试,也可以关闭调试器,只保留模拟器。
5.将微信开发工具拖至如下位置。 左边是编辑器部分,右边是小程序的模拟器部分。
之后修改左边的小程序代码,右边的模拟器就会自动刷新。 下面是一个实际的屏幕录制示例:
*后,微信小程序有自己的appid。 申请微信后,在项目的..json中填写appid。 有一个appid参数。
有了appid才可以正式发布上传。
回答