微信小程序开发笔记——环境搭建_shopwind 小程序

前言：微信小程序简介

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内便捷地获取和传播，同时具有出色的使用体验。

小程序与普通网页开发的区别

小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。

​网页开发渲染线程和脚本线程是互斥的，这也是为什么长时间的脚本运行可能会导致页面失去响应，而在小程序中，二者是分开的，分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API，进行 DOM 选中和操作。而如上文所述，小程序的逻辑层和渲染层是分开的，逻辑层运行在 JSCore 中，并没有一个完整浏览器对象，因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库，例如 jQuery、 Zepto 等等，在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同，所以一些 NPM 的包在小程序中也是无法运行的。

以上介绍微信小程序的基本情况，下面动起手来，手把手搭建自己的第一个微信小程序应用。

第一步：前往微信微信公众平台注册小程序账号

使用浏览器打开微信公众平台网站，选择“小程序”注册，确认小程序接入流程。注册时输入相应用户信息、激活邮箱、信息登记等信息，完成注册。

第二步：下载安装微信开发者工具

注册好账号后，扫码登录小程序平台，找到开发 > 开发工具 > 下载微信开发者工具，选择最新的稳定版本进行下载。

第三步：安装微信开发者工具

双击刚下载微信开发者工具软件，按照软件安装向导，安装软件。安装过程跟普通的软件安装一样，这里就不表述。

第四步：新建第一个小程序项目

安装完成后，双击微信开发者工具软件，出现如图所示的扫码登录界面。

使用刚注册小程序号的微信扫码的扫码登录确认，手机上确认登录后，进入微信开发者工具主界面。

点击界面中的加号，创建一个小程序项目，填入项目名称，选择目录，可以先用测试号的AppID。点击新建即可

第一个Hello world 小程序项目即可建立完成。

最后

如果您觉得此文对你有一丁点帮助，点个赞。或者可以加入我的开发交流群：86696159，相互学习，共同进步。开源项目案例我已放到码云平台，可以前往下载学习使用，如果觉得这项目对您有点用的话，麻烦请给我们的开源项目点点star: https://gitee.com/shopwind/yii2-shopwind，在此不胜感激 ！