新项目中创建一个可运行页面的步骤(微信小程序)

      前期准备操作：  

       首先打开开发者工具，新建一个项目，将项目内容保存在硬盘中一个文件夹中，然后关闭开发者工具(注意!)。关闭之后，在硬盘中将保存该项目文件夹中的内容全部删除，然后再重新打开微信开发者工具，进行下面的步骤。

       第一步：

       在新项目中添加app.js、app.json、app.wxss这三个文件。

       第二步：

      创建pages文件夹，并嵌套welcome文件夹(该文件夹的名字可以任意起)，在welcome文件夹中创建四个空白文档，welcome.js、welcome.json、welcome.wxml、welcome.wxss。
      注意：四个空白文档的文件名应该与文件夹的名字一致，这样在编译时才会把这四个文档当做整体来修饰页面。 

       第三步：

      在welcome.wxml文件中添加文字“hello”。.wxml是对页面显示结构进行编写代码的，这里只写hello，目的是在页面上显示hello。若最终左面模拟器上出现hello，则表示该项目创建成功。

       第四步：

      在welcome.js中添加“Page({})”，Page()是页面的生命周期函数。

        第五步：

        在welcome.json中添加“{}”

 

       第六步：

        在app.json中添加“{"pages":["pages/welcome/welcome"]}”。app.json是对整个项目(全局的)起作用的.json文件，将welcome文件的信息写入其中，作用是将welcome页面作为左边模拟器的初始显示页面。

     最后点击菜单栏的调试，观察左边模拟器的显示状态，若显示"hello"，则表示项目的初始工作已完成，接下来就是对项目的扩充。最后成功的界面显示如下图：