首先安装微信开发者工具，如果打开是白色屏幕，可能就是你的安装路径有汉语，把安装路径改成全英文的就可以了。
App注册入口
App.js中的App用来注册整个小程序应用，app.json用来对小程序进行全局配置，其中Pages是页面路径列表，window是全局的默认窗口表现，#fff指的是手机最上面的导航窗口是白色。App.wxss是放置公共样式的文件，其中index和logs下面也有自己的样式文件。
Pages下面的index.js 是行为index.json是配置 index.wxml是结构（里面的view标签相当于html中的div）， index.wxss是样式。
Pages/index/index代表pages这一层找index下面所有的index文件。
下面是一个静态案例代码展示：
新建一个JavaScript项目，把多余的文件都删掉，只留下project.config.json和sitemap.json，
首先新建app.js，进行App注册，新建pages目录，再在pages下面新建index目录，index下面的四个文件index.js，index.json，index.wxml，index.wxss就可以同时创建出来。
在index.wxml里面写上下面的代码，可以展现基本的结构，如下图所示，但是没有一点样式。
基本显示结构
没有添加样式的静态程序显示
微信开发里面用class表示样式，分别给图片，用户名和跳转登录标签定义一个样式，放在index.wxss里面。
<view class="indexContainer"><image class="avatarUrl" src="/static/images/nvsheng.jpg"></image><text class="userName">凌风</text><view class="goStudy"><text>hello world</text></view></view>
index.wxss文件
添加样式后的小程序显示
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。