微信小程序开发代码对于新手来说，还是比较有难度。好在大家可以在微信小程序官网里下载开发代码文件，大家可以动手下载一下，下面就按照官网代码文件和大家介绍一下微信小程序开发代码怎么写？

一般微信小程序官网开发代码文件有三种，分别为app.js、app.json、app.wxss。js后缀代表的是脚本文件。Json后缀的文件代表的是配置文件。wxss后缀的是指样式文件。

app.js文件是指微信小程序的脚本代码。主要是用于处理小程序的生命周期函数，可以调用MINA的提供的丰富的API.起到同步存储以及读取本地数据。

app.json 后缀文件是指微信小程序的全局配置，我们可以通过这个文件来配置小程序是由哪些页面组成。包括页面的路径、小程序的窗口、背景色以及导航栏的样式、主题等、网络超时的时间以及底部tab等。QuickStart 项目里边的 app.json 配置内容如下：

{

“pages”: [“pages/index/index”, “pages/logs/logs”],

“window”: {

“backgroundTextStyle”: “light”,

“navigationBarBackgroundColor”: “#fff”,

“navigationBarTitleText”: “WeChat”,

“navigationBarTextStyle”: “black”

}

}

Pages:是指当前的微信小程序所有页面的路径，是为了让微信客户端知道你当前小程序的页面定义在哪个目录。

Windows:定义小程序所有页面的顶部背景颜色，文字颜色定义等。

app.wxss 是指微信小程序样式表,我们一般都在class属性里直接可以使用app.wxss。Wxss样式跟css样式有很多相似的地方，不同的是新增了尺寸单位。Wxss支持新的尺寸单位rpx.这样开发者就可以节省换算的时间。可以通过rpx来换算就可以了。Wxss只支持部分的css选择器。

以上就是微信小程序开发代码三种后缀文件的介绍，希望对大家有所帮助！想要了解更多的开发知识可以了解一下微信小程序开发文档汇总。