微信小程序
-
小程序的开发主要分为三个部分：
- 页面布局：XML,类似HTML
- 页面样式：WXSS,几乎就是CSS(某些不支持，某些进行了增强)
- 页面脚本：JavaScript+WXS,(JS,以及WeixinScript后续学习)
-
开发前准备
- 申请AppID
- 一个账号对应一个小程序
- 企业、政府、媒体、其他组织主体可以注册50个小程序
- 个体户喝个人类型主体可注册5个小程序
- 下载开发工具
- 官方微信Web开发者工具下载连接
- VSCode
- 申请AppID
-
应用程序的结构
-
结构划分
小程序结构划分.jpg -
目录结构
小程序目录结构.jpg
-
-
进入小程序开发工具
-
基本目录
基本目录.png 右键新建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的内容
