从零开端的微信小程序入门教程(一)

　　注册完结后登陆，就能够创立 自己的小程序了，这儿不负担，请按照提示顺次填写小程序信息；在填写完结创立小程序后，咱们能够得到一个小程序ID，就像每个人的身份证ID是绝无仅有相同，每个小程序也有独一ID，咱们在后期小程序开发东西中会运用此ID开发你的小程序，所以这儿需求留心一下这个东西。

　　前往官网下载微信小程序开发者东西，这儿供给了三个版别，我下载了稳定版。双击装置，仍是别主张默许装在C盘，强迫症。装置完结后双击发动软件，挑选小程序；界面顶端有新建项目和导入项目两种，这儿咱们挑选新建来到如下界面：

　　项目名称：项目的姓名，取个好听的，最好仍是别取中文，这儿我就叫demo-wechat。

　　目录：项目寄存目录，这儿我就在D盘新建一个空的demo-wechat文件夹寄存此项目。

　　AppID：假如是开发咱们创立的小程序这儿就需求填写此ID，很明显咱们处于学习阶段怎样上手就玩自己的小程序，这儿运用测验号。

　　言语：这儿我挑选JavaScript，假如你习气typescript，也能够换成此项。

　　整个微信开发东西很像咱们运用谷歌翻开调试栏的状况，有许多了解的影子，咱们一一说。

　　在编辑器左上角能够看到模仿器、编辑器、调试器三个绿色按钮。它们别离对应了开发者东西的左边，也便是实时预览区域；右上侧区域，咱们日常开发写代码办理项目目录的当地；以及右下侧，调试区域。

　　再往右一点，能够看到一个预览按钮，点击会供给了一个有效期限的二维码，咱们能够经过微信扫码在手机端实在预览项目；以及右边的真机调试，也便是在手机上调试咱们的项目。

　　再往右边能够看到一个版别办理。假如咱们的项目想多人一起开发，开发者东西这点就比较交心，直接供给了初始化git库房等功能，便于多人保护。

　　再往下一栏，能够看到机型模型，网络模仿等选项，这些在谷歌控制台调试移动端运用也比较频频。

　　除了开发者界面带来的新鲜感，咱们也留意到小程序代码中的文件类型大致分为以下四种：

　　此文件首要办理小程序的大局装备，包含小程序页面途径，界面体现(标题，布景色，字体色)，网络超时时刻，底部tab等；

　　这儿开发者东西帮咱们快速生成的装备只包含了pages字段与windows字段。

　　pages字段用于描绘小程序一切页面途径，留意，假如你删去了此字段中的某条途径，你得同步删去去对应的页面文件夹。反之，添加页面也是如此。

　　windows字段用于定于一切页面的顶部布景色彩，文字色彩，标题等，这是一个大局的装备，修改了一切页面都会收效。当然，咱们能够在单个页面json装备中界说共同的风格用于掩盖大局装备，比方让每个页面的头部色彩都不相同。检查更具体的小程序装备

　　这儿我将windows字段装备修改了一部分，能够看到小程序界面发生了改变。(感觉挺美观...)

　　咱们用过npm都知道下载三方库都会生成一个package.json文件，此文件记录了下载过得一切库名与版别信息，假如咱们换了电脑，其实不必将之前下载的文件复制曩昔，而是只用复制一个package.json再次履行下载就能够恢复你需求的三方库。

　　那么project.config.json相似如此，它保存了你关于开发者东西的相关装备，假如你换电脑了，你能够经过此文件直接复原你开端习气的开发设置。检查具体开发者东西装备

　　咱们在前端开发中对页面布局运用的更多是div p span这样的标签去组成一个页面组件。微信小程序对此对标签进行了封装，尽管不能运用那些了解的标签，但微信小程序供给了更为便利的例如view，text等标签。

　　除了标签改变，wxml还新增了例如wx:if相似的特点，用过angular，vue之类结构的同学应该立刻联想到了；的确如此，微信小程序也推行了MVVM做法，咱们只用关怀数据层，当数据发生改变，经过数据绑定的做法，模板中的表达式以及wx：等特点来帮你完成视图改变。检查更具体的wxml语法

　　小程序中的款式表写法与网页开发相似，能够看到大局装备中和每个页面文件夹下都存在一个wxss文件，这点与json装备相同。咱们能够在app.wxss中界说大局款式，而在页面下的wxss款式中界说此页面独有的页面。检查更具体的wxss规矩

　　咱们都知道浏览器烘托层与逻辑层都由同一线程处理，所以会存在阻塞的状况；但微信小程序由不同线程处理，逻辑层在jscore中。---微信有不同的线程处理烘托与逻辑

　　咱们在网页开发中能便利操作dom bom，但微信小程序中没有完好的浏览器目标，所以无法操作dom，相似JQ的结构也无法正常运转。---不能操作dom，用不了JQ

　　网页开发中咱们常常经过mpn引进三方库，但jscore环境与nodejs不太相同，因此在网页开发中npm的包一部分在微信或许无法运用。

　　pages文件夹下文的页面数量必定得与json中的pages字段数组对应，新增页面引荐做法是直接在pages数组中新增一条页面途径，保存后pages文件夹会主动生成一个新的页面，这样做愈加便利和稳妥。

　　能够看到新增一条途径，保存后主动新增了文件夹，十分便利。但咱们删去pages字段中的某条途径时，文件夹不会主动删去，所以记住手动删去对应文件，确保两者是对应联系。

　　1.json文件都是被包裹在{}中，并以key-value方法展现。留意，key必定要加上双引号，没加双引号，或许加了单引号都会报错。

　　2.其次，json的值只能是数字，字符串(需求加双引号)，布尔值，数组(放在[]中)，目标(放在{}中)，或许null，不支持undefined以及其它数据结构，不然会报错。

　　那么到这儿，咱们走完了注册小程序以及开发者东西装置流通，并简略介绍了开发者东西界面，以及开发触及的文件类型，以及文件效果，咱们成功创立了一个小程序，尽管它很简略。

　　后续文章我想以前端学习的的次序来打开，从wxml+wxss写出根本页面，再到js数据交互与事情触发，最终介绍小程序其它API等。究竟咱们学习前端开发也是以先学会写静态页面开端，我想这样会更容易接受一点。

上一篇:微信小程序的推广战略推广教程
下一篇:微信小程序入门开发教程（详解）