微信小程序

1. 小程序的开发主要分为三个部分：

   • 页面布局：XML,类似HTML
   • 页面样式：WXSS,几乎就是CSS(某些不支持，某些进行了增强)
   • 页面脚本：JavaScript+WXS,(JS,以及WeixinScript后续学习)

2. 开发前准备

   • 申请AppID
     • 一个账号对应一个小程序
     • 企业、政府、媒体、其他组织主体可以注册50个小程序
     • 个体户喝个人类型主体可注册5个小程序
   • 下载开发工具
     • 官方微信Web开发者工具下载连接
     • VSCode

3. 应用程序的结构

   • 结构划分

     
     
     小程序结构划分.jpg

   • 目录结构

     
     
     小程序目录结构.jpg

4. 进入小程序开发工具

   • 基本目录

     
     
     基本目录.png

   • 右键新建page即可自动新建js、json、wxml、wxss四个文件

5. 使用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的内容