微信小程序学习日志：创建第一个微信小程序

首先，在已有小程序账号和填写完基本信息的前提下，打开微信开发者工具，点击小程序项目

然后出现下图所示窗口，在项目目录里填上你所期望的小程序根目录，如果这一栏不填，开发工具会自动添加一个根目录，建议自己设置根目录比较好；AppID填写在小程序微信公众平台开发设置中找的小程序id；项目名称是传统的helloworld。初学的话建议别勾选下面的建立模板。接着点 确定 。

点击编译界面左上方的加号，创建app.js文件

app.js文件是注册小程序的，我们可以调用一个空的App函数App（{}）

我们创建一个文件夹来保存页面的配置。首先，创建一个名为pages的目录，然后在这个目录里创建一个名为helloworld的目录用来保存helloworld页面的配置。

在hellowworld目录下创建helloworld.js，helloworld.json, helloworld.wxml, helloworld.wxss文件。

helloworld.js文件是为这个小程序页面注册的文件，和app.js一样，先写一个空的函数Page（{}）

然后在helloworld.json里填入一个空的配置对象{}

接着编辑helloworld.wxml文件用来描述该页面内容，写上下面代码

<view>HelloWorld</view>

helloworld.wxss文件是用来配置页面内容样式的文件，可以什么都不写，页面内容会以默认方式显示。但这里我们配置一下宽度和高度以及位置

view{

width: 100%;

height:40rpx;

text-align:center;

}

页面内容已经配置完成了，现在需要向小程序注册页面的路径。在首页，即直接点编辑器左上角加号创建一个app.json的文件

写上如下代码，代码里包含了helloworld页面的路径（从根目录往后的路径）

{

"pages":[

"pages/helloworld/helloworld"

]

}

最后，点击工具栏的编译按钮，左侧编译器表示如下图。。。。哦耶，第一个小程序诞生