【个人】微信小程序初体验
很早前就想体验一把小程序的开发了,如果熟悉三大框架的话,小程序的开发还是很容易上手的,所以只要跟着做一个小应用,加上官方的文档就十分好学了。加上官方提供的开发工具也比较简洁好用,初次体验的我觉得真的十分方便。
准备工作
开发工具下载地址(竟然隐藏在一个超链接里,真的很不醒目啊):https://developers.weixin.qq....
文档地址:https://developers.weixin.qq....
初次体验
新建项目的时候,可以选择是小程序/小游戏,这次我体验的是小程序的开发。
在选择项目文件夹的时候,这个目录就会被直接放入我们的代码。所以每次新建一个项目还要自己先把空文件夹建好。
默认代码
建好后,会有一些默认的代码给我们。我们可以先看这些代码来有一个大概的印象。
- /pages - /index - /logs - /utils - util.js - app.js - app.json - app.wxss - project.congig.json
pages
如其名!肯定就是我们的所有的页面文件夹了,这里有index和logs两个页面,所以下面又各自有两个文件夹。
每个页面一般都有同名的js、wxml和wxss文件。其中wxml是写类似于html的文件,wxss则是写类似于CSS样式的文件。
还可以有json文件,用于单独描述这个页面的一些信息。
utils
放的是应用要用到的工具函数,不是必须的。
app.js
整个项目的入口文件。
app.json
应用配置文件,这里主要有pages和window两项内容,pages配置的是拥有的所有页面地址。window可以配置小程序边界的,如顶部的导航栏的一些样式。
// 背景文字样式 "backgroundTextStyle":"light", // 导航顶部背景颜色 "navigationBarBackgroundColor": "#fff", // 导航标题文字 "navigationBarTitleText": "WeChat", // 导航文字颜色 "navigationBarTextStyle":"black"
project.congig.json
项目配置文件
...今日困了,明天继续写
相关推荐
戴翔的技术 2020-06-05
sucheng 2020-04-29
liaoxuewu 2020-04-07
sucheng 2020-03-07
戴翔的技术 2020-02-21
hgzhang 2020-02-18
Laozizuiku 2020-02-16
powderhose 2019-12-20
powderhose 2019-12-13
FutrueJet 2019-11-17
FutrueJet 2019-11-16
powderhose 2019-11-07
liangliangshuo 2019-11-04
hgzhang 2019-11-04
hanren 2019-11-04
无心程序员 2019-10-24
zonehh 2019-09-08
CodeAndroid 2019-09-07