首先，在已有小程序账号和填写完基本信息的前提下，打开微信开发者工具，点击小程序项目
然后出现下图所示窗口，在项目目录里填上你所期望的小程序根目录，如果这一栏不填，开发工具会自动添加一个根目录，建议自己设置根目录比较好；AppID填写在小程序微信公众平台开发设置中找的小程序id或者是点击体验后面蓝色的“小程序”；项目名称是传统的helloworld。初学的话建议别勾选下面的建立模板。接着点 确定 。
在hellowworld目录下创建helloworld.js，helloworld.json, helloworld.wxml, helloworld.wxss文件。
helloworld.js文件是为这个小程序页面注册的文件，和app.js一样，先写一个空的函数Page（{}）
然后在helloworld.json里填入一个空的配置对象{}
接着编辑helloworld.wxml文件用来描述该页面内容，写上下面代码
viewHelloWorld/view
helloworld.wxss文件是用来配置页面内容样式的文件，可以什么都不写，页面内容会以默认方式显示。但这里我们配置一下宽度和高度以及位置
view{
width: 100%;
height:40rpx;
text-align:center;
}
页面内容已经配置完成了，现在需要向小程序注册页面的路径。在首页，即直接点编辑器左上角加号创建一个app.json的文件
写上如下代码，代码里包含了helloworld页面的路径（从根目录往后的路径）
{
"pages":[
"pages/helloworld/helloworld"
]
}
最后，点击工具栏的编译按钮，左侧编译器表示如下图。。。。哦耶，第一个小程序诞生
