小程序开发教程《一》

(1)先注册申请一个小程序账号

(2)下载开发软件“微信web开发者工具”

(3)打开开发者工具,左上角“项目”==》“新建项目”,会自动初始化一个hello基础项目

小程序.png

(4)几种文件作用解析:

         1 .json   json配置文件 包括 (所有页面的路径),(界面表现),网络超时时间 底部tab等 
          2. .wxml 相当于 html
          3. .wxss  相当于 css
          4. .js       js脚本逻辑文件 

(5)文件功能解析

      特别的!!!1 json文件中 key要使用双引号,文件中不可以使用注释
      app.json  

{
"pages": ["pages/index/index", "pages/logs/logs"],//所有页面的路径 ,放在第一个的地址是默认加载的页面,启动小程序后默认进入该页面
"window": {//(整体的界面表现,背景颜色,字体颜色等
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
}
}
project.config.json工具配置
配置开发者工具的一些个性化配置,界面颜色,编译配置,换电脑以后,只要载入同一个项目代码包,开发工具就自动换肤之前设置的个性化配置
page.json表示 pages/logs目录下的logs.json 独立定义每个页面的属性(当前页面顶部颜色 是否允许下拉刷新)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容