如何使用Sublime Text3开发微信小程序

如何使用Sublime Text3开发微信小程序,第1张

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台,找到右下方的小程序模块,点击「开发」按钮

2、点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」。可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况,选择适合自己电脑的开发工具。

3、安装后,就可以直接启动开发者工具。如果是首次启动开发者工具,需要使用开发者的微信号扫码登录。登陆后,点击「添加项目」按钮,填写 AppID(如果没有,则点击无 AppID)和项目名称。接着,在项目目录中点击「选择」,新建一个文件夹作为新的项目目录。然后再次点击「添加项目」,就可以新建出一个微信小程序项目了。

4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑:编辑和修改小程序的代码

调试:显示小程序代码错误和警告,便于调试代码错误。

项目:用于查看小程序的属性、修改小程序配置,以及提交小程序代码至微信服务器。

开发工具还提供简单的模拟器(页面左侧),开发者可以使用模拟器在电脑上模拟用户点击及使用,提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

5、懂技术的程序员到这一悉激薯步就可以自己开发了。而不懂编程的小白,可以登录微信小程序制作平台「即速应用」官方网站进行小程序的制作。里面有大量的小程序模板,根据自己的需求选择一个模板进行制作铅哪即可。

6、制作完成后,点击「生成」按钮。然后选择「小程序打包」,下载小程序的标准代码包。

7、回到在微信Web开发工具中,在「项目目录」这一栏选择下载好的代码包,打开后就可以看到小程序的预览效果了。

8、在「项目」页面中,开发者可以查看小程序的基本属性,也可以进行真机预览调试,或向微信服务器提交一个新版本的小程序代码。服务器收到代码后,管理员就可以通过公众平台,将新版本提交审核了。

以上就是微信小程序开发工具的具体使用方法。磨刀不误砍材工,只有认真了解过微信小程序睁者开发工具如何使用,才能才微信小程序推出的关键时期抓住机会,尽快进入市场,拿下小程序的第一波红利。

微信小程序需要哪些开发工具?

一、微信小毁颤程序官方开发工具

注意,它只是个工具,而不是一个IDE。官方工具中的代码编辑功能,就是将vscode的代码编辑功能嵌入到工具中,不足以支撑开发。

优点

因为是官方工具所以有这其它第三方工具有这不可比拟的天然优势,如果不是他代码编辑功能太弱的话。

官方工具,可调试,可预览

基本的代码编辑、智能提示、调试等功能都有

项目管理、创建、手机预览、代码提交审核

官方维护更新

缺点

不好的地方也很明显,总体而言是一款工具而不是IDE。糟糕的代码编辑功能,写起代码非常别扭,这是我放弃它的最重要原因。

api提示不全,要一个个查api,茄余姿影响写代码的速度

很多必备的快捷键都没有,比如全选关键字、快速复制一行等等

颜色主题不能选,不喜欢白色风格怎么搞

没有插件 没有插件 没有插件 重要的事情说三遍

评价

目前因为需要用到微信web开发工颤绝具进行小程序的创建、调试、查看、预览、上传,所以这个工具必不可少。但是代码编辑功能实在太差,推荐使用其它第三方代码编辑工具代替。

二、即速应用——适合技术小白的小程序开发工具

严格来说,即速应用并不是为专业程序员准备的开发工具,但它绝对是一款功能非常强大的微信小程序制作工具。不懂技术不懂编程的人,一定会爱上即速应用这款工具的。

优点

可视化 *** 作,直接拖拽组件生成页面

提供大量可套用的模板

可将代码打包下载,直接对接到小程序的开发工具

下载下来后的代码可以任意编辑

缺点

电商模板居多,其他类别的模板较少

复杂的功能仍然需要专业程序员二次开发

评价

客观地说,即速应用这款微信小程序制作工具非常适合技术小白。因为它相当于把需要代码的`部分都帮你做好了,所以不用太头疼技术方面的问题。当然,如果你是程序员,一样可以在它生成的代码基础上进行二次开发的。

三、Sublime Text 3——简洁高效的开发工具

sublime text 3定位于代码编辑器而不是IDE,在代码提示方面只能算一般般,不过胜在使用起来非常方便。

优点

打开文件速度倍儿快、UI简洁大方

代码编辑体验舒适、高效

拥有大量插件,针对不同需求基本上能找到对应插件来满足

第三方开发者开发小程序插件用于代码着色和代码提示

缺点

没有调试,没有预览

因为是第三方开发者编写的插件,代码提示也不是非常全面

评价

使用门槛不会太高,可以迅速上手。是但如果想实现一些丰富的功能就会比较吃力了。

四、WebStorm——功能繁多的重度开发工具

WebStorm网上有个插件,可以实现代码提示,不能做调试和预览,并且属于重度工具,如果你是,可以尝试一下这个工具。

优点

有插件可以实现代码高亮,代码提示等功能

有非常成熟和非常丰富的功能

各种快捷键

缺点

无法调试预览

功能比较多、比较臃肿

评价

Webstorm和上述几个工具相比,代码编辑功能较强大。但是需要插件支持才可以开发小程序,而且体积臃肿。

如何制作微信小程序,首先我们需要从他的构成确定,微信小程序的制作需要的点有三个:设计、前端、后端。而相对简单的微信小程序可能只需要设计、前端。

小程序制作所涉及到的设计:页面的排版和美观UI这些内容都是需要设计的,所以这个是需要你熟悉设计内容,用到的软件是 PS,专业点还有 原型图制作软件:Mockplus 。

小程序制作的前端:设计排版和UI完成后需要前端工程师将其进行编程实现。所以你需要一个前端工具,微信自身是提供一个开发软件的

或者你也可以使用其他的前端语言进行开发,然后选择瞎缺自己熟悉的编辑器。列举几个使用比较多的软件:sublime text3 编辑器 、Beyond Compare 比较代码工具、EditPlus 编辑器。

小程序制作需要用到的后端:前端完成后,如果你需要有些交互的功能则需要后端,当然后端也可以不要,纯展示或者简单交互的话前端就可以完成的,比较复杂业务和逻辑的内容才会需要后端,因此后端的内容会比较南。一般后端开发所使用的软件就是idea了,本人就是一位Java程序员,专攻后端。用上后端意味着你还需要域名DNS和服务器等等的知识去支撑。所以后端一般用的软件是:idea、Linux服务器、ftp(Windows与Linux之间的传输软件)、xshell(这个比上一个好用一些,同样的传输文件作用)、数据库等等。

总结: 简单版:一个设计工具 + 一个微信自带的前端编辑器。 中等:设计工具 + 其他语言编辑器 +微信编辑器。 复杂: 设计工具+ 前端工具+后端工具。

微信小程序的正常流程:

1.注册小程序

2.开发前准备

3.下载开发者工具开始制作

4.提交代码

5.审核通过册做即可使用

软件只需要一个:微信开发者工具(如果用第三方平台的编辑器就不需要下载这个软件开发小程序)

个人小程序建议自己写代码,因为每个人的想法都天马星空,想展示的东西也不一样,还有个性化需求,很难做出符合要求的小程序。所以自己制作很自由,慢慢做出自己满意的效果。缺点就是,需要学习的东西很多。

商城小程序推荐直接用第三方的编辑器,因为不用学习新的知识, *** 作简单,花费时间很短,发布几个商品,编辑好小程序,提交审核就可以正常使用。需要准备:营业执照一张。

分步制作一个可以正常使用的微信小程序

这里介绍两种方法,自己开发的制作流程和通过第三方平台的制作流程。

自己开发

1.注册

普通的注册步骤就点立即注册,跟公众号登录是同一个入口。

点“2”指向的地方-小程序图标,是小程序开发文档,底部也有注册小程序的入口,点击进入注册。

认证邮箱

个人小程序和商城小程序

这一步你要选类型,是要开通个人,还是开通企业?

小程序类型选择-轻栈截图

如果这个小程序仅仅是展示用的小程序,那类型选择个人就好了,免认证费。

如果是商家,想要小程序带有支付系统,制作一个商城小程序,那就选择用企业/组织认证。通过这种方式开通的小程序需要300认证费。

但如果你拥有一个认证过的企业类型公众号,可快速注册并注册小程序。

复用公众号资质注册小程序

在公众号后台 *** 作,点击小程序>>管理小程序>>快速认证小程序。

2.开发前准备

1.绑定开发者

2.设置>>开发设置,获取AppID

3.发布流程

需要下载的软件--开发者工具

开发过程中有任何问题,可以参考微信文档

通过第三方-零成本开通微信小程序商城

完全零基础想要搭建一个微信小程序商城,有简化了的步骤,不需要代码,拖拽式模块化设计,支付系统,营销插件统统支持。

同样零成本,甚至连小程序300认证费都可以免去。开发完成的小程序商城审核通过就可以立即投入运营。

通过轻栈注册微信小程序,没有公众号也可以直接免300认证费注册微信小程序。

注册成功后不需要开发前准备,直接制作,拖拽式编辑,按住鼠标左键,把需要的模块拉到合适的位置,松手,右键编辑。

轻栈【Design Lab】编辑页面

上架商品在电商系统

轻栈电商系统

一切准备就绪,就可以发布了,如果商品数量10个左右,整个制作过程约30分钟。同样的商城小程序效果,同样的0成本,使用第三方可以节省很多时间和精力。

但模块化,拖拽式的编辑器满足不了所有商家的需求,功能再丰富也不可能100%覆盖所有行业,要做出特别的效果,自己搞不定,第三方编辑器不好实磨姿辩现,那就找专业团队去做吧。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12478066.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存