微信小程序开发创建一个小程序页面

Posted aaronthon

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序开发创建一个小程序页面相关的知识,希望对你有一定的参考价值。

为了方便讲解,我们将上篇博客创建的小程序除了project.config.json和sitemap.json两个文件保留,其他全部删除(这两个文件存的是小程序的创建信息,删掉会有报错提示)。

接下来我们创建如下文件,先不写内容。

写入如下代码:

// app.js 
App({})  // 注册小程序

// index.js  
Page({})  // 注册页面

// app.json
 {
   "pages": [  
     "qrcode/index/index"  // 页面路径
   ]
 }
 
 // index.json
 {}
 
 // index.wxml
 <view>Hello World!</view>

写完之后,ctrl+s,就会看到如下页面:

结束!

 

以上是关于微信小程序开发创建一个小程序页面的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发

微信小程序开发创建一个小程序Hello World!

微信小程序开发之代码提示插件(VSCode)

小程序开发(二)-页面样式

微信小程序开发教程手册文档

微信小程序开发系列 (四) :微信小程序的页面跳转路由设计