微信小程序开发入门教程（一）

背景

作为一个程序猿需要不断的充实自己，不仅要追求知识的深度，也要追求知识的广度，我也一直在这条路上践行，主要学习会让我变得专注，我非常喜欢这样的感觉，学习微信小程序开发也是兴趣使然，希望拿微信小程序做一些小工具。微信平台提供了很多能力，也进行了很多的优化，相较于传统的移动开发需要兼容Android和iOS两大平台，开发周期较长，维护难度大，微信小程序一套代码能够运行于两大平台，而且微信小程序开发效率高，周期短，很多应用会在微信小程序上先试验新的业务和功能，成熟后为了追求更好的性能再原生化。话不多说，还是让我们开启微信小程序的学习之路。

开始

开发小程序的第一步，你需要拥有一个小程序账号，通过这个账号你就可以管理你的小程序。可以通过
小程序注册页面注册自己的微信小程序。

除此之外之外，微信团队还提供了一个管理平台管理小程序，在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。

工欲善其事必先利其器，微信团队提供了微信小程序的开发工具
打开小程序开发者工具，用微信扫码登录开发者工具，就可以准备开发小程序了。

Hello World

新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，勾选 “不使用云服务” （注意: 你要选择一个空的目录才可以创建项目），点击新建，选择JavaScript模版，就得到了第一个小程序了。点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。真机调试就可以在手机上调试程序，与此同时还会启动一个调试面板显示页面的实时信息，可以很方便地排查页面问题。

与此同时真机调试还会启动一个调试面板显示页面的实时信息，可以很方便地排查页面问题。

最后

有兴趣或有任何问题可以关注微信公众号QStack，会不定期分享一些文章和学习资源。

微信小程序开发入门教程（一）相关推荐

微信小程序开发入门教程-小程序账号注册及开通
17年小程序开始公测,经过5年的发展,无论从组件.开发工具.api.生态.社区,都已经发展的非常成熟了.如果17年年初你看小程序,觉得无需安装即用即走还是一个理念的话.站在今天看过去,往往是先提出一个 ...
如何开发一个个人微信小程序，微信小程序开发入门教程
做任何程序开发要首先找到其官方文档,我们先来看看其有哪些官方文档. 微信小程序开发文档链接为:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html, ...
微信小程序开发入门教程（十）
背景前几篇文章我们已经学习了WXML相关的数据绑定与几种渲染方式,还学习了与WXSS相关的样式绑定.浮动定位和Flex布局,其中无论是WXML的页面布局还是WXSS的样式都是基于元素而言的,而这些元 ...
微信小程序开发入门教程（七）
背景前两篇文章我们学习了WXML的相关内容,了解了WXML的数据绑定.条件渲染.列表渲染.模版和事件,这些已经基本涵盖理WXML所能提供的全部能力.然而WXML与我们直接交互的微信小程序页面还有一定 ...
微信小程序开发入门教程（三）
背景上一篇文章我们主要介绍了微信小程序的几个配置,其中app.json是对于微信小程序全局的配置,page.json是对于小程序页面的配置,project.config.json是对于小程序开发工具 ...
微信小程序开发入门教程-文本组件介绍
学习小程序开发要从哪开始呢?我们是开始顺序学习官方文档么?如果一开始就从头开始读官方文档,恐怕用不了多久你就放弃了.计算机是一门实践科学,我们学习的目的是为了解决现实问题.要么你想在互联网创业,开发一 ...
微信小程序开发入门教程（八）
背景上一篇文章我们已经讲述了WXSS的一部分内容,其中包括尺寸.选择器.内联样式以及全局样式和局部样式,本篇文章将会讲述WXSS布局相关内容,WXSS实现了CSS布局相关的绝大部分规范. 盒模型盒 ...
微信小程序开发入门教程（十二）
背景上一篇文章我们讲述了微信小程序的三个基础组件icon.text和progress.这些基础组件主要用途是进行信息展示,微信小程序除了信息展示还需要与用户交互,而表单是应用中获取用户输入的重要手段 ...
微信小程序开发入门教程（十一）
背景终于入职了,线上入职远程办公,感概还是很多的,有机会专门写一下,刚入职熟悉项目,适应新的节奏还是需要时间的,所以时间可能不肯像以前那么充裕了,我尽力保持日更吧,其实之前的两篇都是之前的存稿,确实 ...

微信小程序开发入门教程（一）

背景

开始

Hello World

最后

微信小程序开发入门教程（一）相关推荐

最新文章

热门文章