关于微信小程序实例源码的研究过程(一)

1 部署微信小程序示例源码

通过开始 | 微信开放文档指引,申请微信小程序账号、安装开发者工具,就可以在开放文档的帮助下,进行微信小程序开发了。在了解微信小程序的运行的基础逻辑和框架后,就可以学习微信小程序实例源码了 。该源码的git地址为:https://github.com/wechat-miniprogram/miniprogram-demo。根据超级完整的 Git的下载、安装、配置与使用 以及命令_git下载-优快云博客的相关内容,安装git工具下载微信小程序实例源码。由于该源码是通过npm安装的,因此要在机器上部署npm环境。通过安装Node.js来部署npm环境,安装方法见Node.js安装与配置(详细步骤)_nodejs安装及环境配置-优快云博客。至此便可以按照示例跑不起来的几个问题,搞了几个小时,终于成功启动 · Issue #125 · wechat-miniprogram/miniprogram-demo · GitHub

的相关提示,完成微信小程序实例源码在机器上的部署了。

2 微信小程序示例源码的安装逻辑

在miniprogram-demo目录下运行npm run init --legacy-peer-deps时,npm执行miniprogram-demo目录下的package.json文件中的scripts字段中的init字段对应的语句。

"scripts": {
    "init": "npm run sync && cd cloudfunctions/ && npm i --production && cd ../miniprogram/ && npm i --production",
    "lint": "eslint .",
    "wxss:transform-vars": "gulp transform-css-vars",
    "sync": "git submodule update --init --recursive",
    "pull": "git submodule foreach --recursive git pull origin",
    "gco": "git submodule foreach --recursive git checkout"
  }

由于nmp运行时要建立Shell,所以执行的语句遵循Shell规则。需要说明,&&表示顺序执行(详见npm scripts(npm 脚本)-优快云博客),所以Shell执行的语句是这样的。

npm run sync
cd cloudfunctions/
npm i --production
cd ../miniprogram/
npm i --production

2.1 运行sync字段对应的语句

git submodule update --init --recursive

 下载.gitmodules文件url指定的包(git submodule的用法详见git:git modules_.gitmodules-优快云博客git创建本地仓库的三种方法-优快云博客),这里下载和更新在miniprogram/packageSkylineExamples目录下的examples目录包。

[submodule "miniprogram/packageSkylineExamples"]
	path = miniprogram/packageSkylineExamples
	url = https://github.com/wechat-miniprogram/awesome-skyline.git

2.2 运行cd cloudfunctions/

将当前目录定位到cloudfunctions目录。

2.3 运行npm i --production

下载dependencies对象中指定的所有包。这里的包其包名为jest,版本为>=26.6.3,<27.0.0。(参数production的含义见

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值