在根⽬录下新建pages⽬录，然后在pages⽬录下新建index⽬录，接着在index⽬录下创建两个⽂件index.wxml和index.js。index.wxml的内容如下所⽰。 Hello World
根据项⽬需求建⽴即可，appId在官⽹设置⾥可以看到或者使⽤测试号进⾏开发（后续有了⼩程序账号修改对应appId即可），点击新建即可创建⼀个新的⼩程序模板。
下图为开发⼯具页⾯，默认左边为开发页⾯展⽰，右边上⽅为代码编辑区，下⽅为控制台，可⽤来调试和查看开发过程中所需信息（开发者⼯具也可以⽤来访问页⾯⽹页，⽤来查看http请求或者报错信息，前提是必须拥有开发者权限）。
开发⼯具常⽤功能介绍
真机调试：⽣成⼀个⼆维码，扫码即可真机调试（必须处在⼀个⽹络下）;
版本管理：git可视化⼯具；
上传：如果appid为正式id，则会有上传按钮，将⼩程序上传到服务器（仅上传编译后项⽬，不是源代码，源代码仍需要单独保存管理）
上传后在⼩程序官⽹控制版本，具体流程为：
开发程序开发⼯具上传>官⽹版本管理体验版⾃动更新>提交体验版本审核>等待审核通过>提交审核通过版本;
默认⽬录结构如上图，分为主体部分和各个页⾯:
主体部分：
app.js: ⼩程序初始化js；
app.json: ⼩程序配置⽂件，如：导航，窗⼝，各页⾯引⼊；app.wxss: ⼩程序公共样式;
各个页⾯：
部分字段如图所⽰，这⾥只介绍最基础常⽤的配置字段：
Pages：每⼀个⼦页⾯都需要写到这个数组⾥，其实就是路由引⼊；
Window：系统配置，包括标题，标题颜⾊，标题背景等（如果不设置分页⾯配置则默认全覆盖）；
Tabbar：官⽅提供的导航功能，可以设置导航栏，list为导航数组，存放导航项、color为字体颜⾊、selectedcolor为选中颜⾊、backgroundcolor为背景颜⾊；
App.js介绍

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。