微信小程序开发入门（一）——准备工作

1.html，css，js基础知识

在微信小程序里主要文件有四种：

01.json：用来做配置

02.js：用来写页面的逻辑

03.wxml：用来写页面的view

04.wxss：用来写样式。

下面我们简单的分析和对比下这几种类型的文件：

1.json文件：

在编程中管用json来作配置项，在这里也是如此。在微信小程序力也是,比如app.json来进行全局的配置，比如窗口样式，

导航条样式，切换按钮功能和样式，超时控制，以及调试模式等。

2.js文件：

这类文件对大家来说并不陌生，该文件主要负责应用和页面，或者组件的逻辑处理，比如组件的生命周期，委托事件，服务器交互等。

3.wxml文件：

该文件类似于html文件。学过ionic或者react的小伙伴可能对这种功能组件标签并不陌生。

4.wxss文件：

该文件与我们使用的css文件一样。语法百分之九十九的一样，只有一些细节需要注意：比如rem的用法，新增的rpx，以及*的不支持。

2.下载安装开发软件

小程序开发工具下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=2017112

下载安装该开发工具后，选择使用无appID模式新建项目，初始化之后就进入了项目开发界面。里面有生成的初始化代码

3.基本概念

1.这里的根目录指向的为微信的服务器：比如：http://672512092.appservice.open.weixin.qq.com/

2.请求外部接口时，如果处于开发阶段可以使用http方式，但是应用appID并发布后，http方式就不被支持，所以接口要尽量选用https

3.选择编译的时候路径页面的配置 不可以./ 或者 /开头，直接以pages开头就可以

4.注意rem和rpx，之后会进行详细解读。

5.引用外部组件和第三方样式库时注意资源路径的配置