0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

开发原生微信小程序,不是uni-app,而是……

发表时间:2023-09-28 08:41:55

文章来源:炫佑科技

浏览次数:184

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

开发原生微信小程序,不是uni-app,而是……

注意,本文讨论的是使用开发微信原生小程序,而不是uni-app。要使用uni-app,请在

很多开发都需要开发小程序,但是小程序开发IDE却一直受到很多开发的诟病。

很多开发只使用微信开发工具作为模拟器,代码编写仍然是在其他专业编辑器中完成。

作为专业的开发工具hbuilderx开发微信小程序,近期也为微信小程序的开发提供了支持:

下面简单说明一下使用步骤。

新建一个微信小程序

在创建新项目时开发原生微信小程序,不是uni-app,而是……,支持小程序类型,如下:

微信小程序hbuilder_hbuilderx开发微信小程序_微信小程序编程开发

小程序项目创建完成后,默认项目目录如下:

导入现有小程序

如果已经存在微信小程序项目,可以直接将项目目录拖入其中。

小程序语法提示

语法提示永远是强项,应用内也有不错的小程序语法提示。

小程序JS API使用技巧:

小程序wxml标签提示:

同步到小程序模拟器

支持同步代码到微信开发工具,如下图,点击“微信开发工具”

系统会尝试检测并启动微信开发工具。

如果是已有的微信项目(之前使用微信开发工具打开过的项目),模拟器、编译器等部分会直接打开并显示。 只需跳至下面的步骤 4 即可继续阅读。

如果是新项目,需要按照以下步骤初始化并导入小程序项目。

1、微信开发工具启动成功后的界面:

2、选择小程序项目,点击新打开窗口右下角的“+”,打开新建项目向导:

3、将项目目录设置为刚刚创建的项目根目录

4、在微信开发工具中,点击左上角“编译器”,关闭微信编译器; 如果暂时不需要调试,也可以关闭调试器,只保留模拟器。

5.将微信开发工具拖至如下位置。 左边是编辑器部分,右边是小程序的模拟器部分。

之后修改左边的小程序代码,右边的模拟器就会自动刷新。 下面是一个实际的屏幕录制示例:

*后,微信小程序有自己的appid。 申请微信后,在项目的..json中填写appid。 有一个appid参数。

有了appid才可以正式发布上传。

回答

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多