应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

十分钟解决初手在开发之路上建立第一个小程序页面

发布时间:2024-01-17 17:06 浏览次数:150


小程序开发基本全过程中,打开微信研发专用工具,建立代莱新项目demo2,这里不投入使用“建立QuickStart新项目”为丛藓科扭口藓选项。


页面“明晰”按键后,能看见小程序开发专用工具中的“目录结构”页面只表明新项目配置文件(project.config.json),另外提示信息失效。那麼将以前文本提到的3个主体文件(app.js、app.json和app.wxss)在新项目的主目录下建立,小程序开发进程中仍然告诫失效。


小程序开发中建立第一个页面文件


小程序开发进程中再次在新项目主目录下新创建一个pages目录,在pages目录下新创建一个index目录,并在index目录下新创建index.js、index.json、in¯dex.wxml和index.wxss空文件。新创建index页面内容后的新项目目录结构。


这时,小程序开发系统软件依然告诫失效。假设,大家的目地就是小程序开发页面内容能够表明“热烈欢迎自学培训小程序,顺利完成小梦想”。最先,打开index.wxml文件,输出“热烈欢迎自学培训小程序,顺利完成小梦想”。随后,知会系统软件这一文件的名字及所在路径。因而,打开新项目配置文件app.json,输出以下代码:


这一段代码将index页面内容提出申请登记注册至小程序中,这一目标的第一特性pages采纳了一个数组,该数组的每一项就是一个字符串,该字符串由“路径”+“文件名称”形成,不涵盖后缀名。pages属性用作特定这一新项目由哪几个页面内容形成,众多页面内容中间用“,”分隔。之后,打开index.json文件,输出以下代码:


在index.json文件中,只需嵌入一对空“{}”就可以。打开index.js文件,输出以下代码:


只需创建Page()方式 ,保证index.js文件不为觑就可以。将这4个文件储存后积极开展编程,在模拟器中就可以赢得须要的結果。

TAG标签:
阅读推荐