美文网首页
小程序开发教程《一》

小程序开发教程《一》

作者: 暖lily | 来源:发表于2019-04-18 18:19 被阅读0次

(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 独立定义每个页面的属性(当前页面顶部颜色 是否允许下拉刷新)

相关文章

网友评论

      本文标题:小程序开发教程《一》

      本文链接:https://www.haomeiwen.com/subject/yqatgqtx.html