第一个微信小程序 hello world！

因为项目需要开始学习微信小程序了……

1、建立一个微信小程序项目

如图，建立一个名为hello world的小程序项目（注意这里没有勾选建立快速启动模板，AppID需要自行注册）

2、建立根目录下文件

进入后软件截图如下

 

 

在根目录下建立app.json  app.js  app.wxss三个文件

（app.js——小程序逻辑文件，app.json——小程序配置文件，app.wxss——全局公共样式文件）

（此时仍有报错，忽略）

3、建立页面文件

在根目录下建立pages目录，pages文件夹下建立welcome目录。

welcome目录下放置welcome.js，welcome.wxml，welcome.wxss，welcome.json四个文件。

（.js相当于前端编程中JavaScript文件，.wxml相当于html文件，.wxss相当于css文件，.json用来配置页面样式与行为）

（有报错，先忽略）

4、编辑要显示的文本

打开welcome.wxml，输入Hello World!

5、编辑app.json

{

"pages":[

"pages/welcome/welcome"

]

}

第一个pages代表一个数组，数组内为要注册的页面

可以注册多个页面

"pages/welcome/welcome"为要注册的页面路径

（可以注册多个页面，每个页面路径后加,结尾）

6、编辑welcome.js

welcome.js页面需不可空白，因为helloworld项目不需要JavaScript代码，所以在该页面我们只需要写上

page({

 

})

7、编辑welcome.json

welcome.json与welcome.js同样不可空白，所以这里写上

{

 

}

 

完成以上步骤之后，模拟器上就能显示出Hello World！了

 

 

End