微信小程序
-
小程序的开发主要分为三个部分:
- 页面布局:XML,类似HTML
- 页面样式:WXSS,几乎就是CSS(某些不支持,某些进行了增强)
- 页面脚本:JavaScript+WXS,(JS,以及WeixinScript后续学习)
-
开发前准备
- 申请AppID
- 一个账号对应一个小程序
- 企业、政府、媒体、其他组织主体可以注册50个小程序
- 个体户喝个人类型主体可注册5个小程序
- 下载开发工具
- 官方微信Web开发者工具下载连接
- VSCode
- 申请AppID
-
应用程序的结构
-
结构划分
-
目录结构
-
-
进入小程序开发工具
-
基本目录
右键新建page即可自动新建js、json、wxml、wxss四个文件
-
-
使用git管理项目,下载远程仓库切换不一样的tag查看不一样的知识点
在项目目录下右键点击“GUI bash",弹出命令行窗口
输入
git init
初始化空仓库,回车输入
git add .
将当前目录下所有的文件都加入仓库输入
git commit -m '初始化项目'
在github新建一个远程仓库
输入
git remote add origin 远程仓库的地址
将github远程仓库和本地的git仓库连接起来输入
git push -u origin master
将本地仓库导入到远程仓库补充1:如果远程仓库为空仓库,那么需要在push前进行如下命令
git pull origin master --allow-unrelated-histories
,如果不加--allow-unrelated-histories
,会报错fatal:refusing to merge unrelated histories
。 补充2:从其他分支切换回来,文件夹没有被删除。补充3:git clean -df
。-
给不同的知识点打tag
- 输入
git add .
将当前目录下所有的文件都加入仓库 - 输入
git commit -m '知识点1'
- 输入
git tag 01_知识点1
打tag - 输入
git tag
查看tag
此时准备讲知识点2 - 输入
git log
查看提交日志,查看提交过的版本 - 输入
git reset 版本号
回退到要回退的版本(git reset --hard 版本号
强制回退) - 微信小程序开发工具有时会有bug,出现M,执行
git status
使其消失
讲完知识点2 - 输入
git add .
将当前目录下所有的文件都加入仓库 - 输入
git commit -m '知识点2'
- 输入
git tag 02_知识点2
打tag - 输入
git tag
查看tag - 输入
git push --tags
把tag同步到远程仓库
- 输入
-
在github上下载打tag的项目并查看
- 复制github下载地址
- 在本地文件夹右键打开gitbush
- 输入
git clone 复制的地址
回车,即可下载项目 - 将项目导入编辑器
- 输入
git checkout tag名称(如01_知识点1)
回车,即可刷新出带tag的内容