uniapp项目实践第三章：初始化项目

痛定思痛。 2024-03-23 23:44 89阅读 0赞

## uniapp项目实践第三章：初始化项目 ##

*  首先需要拉取相关的项目  
    `git clone http://git.itcast.cn/heimaqianduan/erabbit-uni-app-vue3-ts.git heima-shop`

![在这里插入图片描述][d130578bc38943e28a6673d992fb8178.png]  
![在这里插入图片描述][f633453f733c47efb1955967e0225c39.png]

*  在 manifest.json 中添加微信小程序的 appid  
    ![在这里插入图片描述][ca682a6001544c15a4589e68ce6f684a.png]
 *  安装pnpm，依次输入下面的命令  
    `npm install -g pnpm`  
    `pnpm set registry https://registry.npm.taobao.org`
 *  安装相关依赖 输入`pnpm i`  
    ![在这里插入图片描述][7896cfcf99e74937b2b7e45ff5266335.png]

再输入`pnpm dev:mp-weixin`进行微信相关打包  
![在这里插入图片描述][46dcab0f7d1b423db52ca889d029b324.png]

导入微信小程序代码  
![在这里插入图片描述][c1c89da15fde43ef9bfc05204e304773.png]  
运行结果，在这里面已经写好了基本的东西，比如tabbar  
![在这里插入图片描述][be683c54a9b947288b6060f2c84fe2f5.png]  
![在这里插入图片描述][ca021a89fafb44ca94883356de0a065f.png]  
![在这里插入图片描述][20535825e5604cda83e55accc1fa57ae.png]

[d130578bc38943e28a6673d992fb8178.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/a8300291226f4da9996d58bbeaa07a35.png
[f633453f733c47efb1955967e0225c39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/8c2f64efa5b445baa7916dd547db3059.png
[ca682a6001544c15a4589e68ce6f684a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/40332afbc7534a89a744b75d4227247e.png
[7896cfcf99e74937b2b7e45ff5266335.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/4b2c4c2acedd46b888d9144e4eeb7fa8.png
[46dcab0f7d1b423db52ca889d029b324.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/9109c1ecf9e54822ab6f844c497bcce4.png
[c1c89da15fde43ef9bfc05204e304773.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/e8a9efa6380b4455a84594168f9b811c.png
[be683c54a9b947288b6060f2c84fe2f5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/53caf35deae244d0af4b095d8e33584a.png
[ca021a89fafb44ca94883356de0a065f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/db894185e1954cc7a58278761d58255f.png
[20535825e5604cda83e55accc1fa57ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/c9aed9039c1c4ae99b65b0d7f82b37ec.png