前端铺子 | 开发者聚集地开始
本文会帮助你从头启动项目
前言
开源初衷是做整合，方便开发者快速开发应用，提供给开发者及互联网技术企业更多解决方案和灵感✨，经过三年多的更新维护，现在已经包含许多功能，自主开发的功能远超整合的项目，同时 我们也获得了很多开发同学的支持，感谢大家 🥰
我们虽然开发或二次封装了一些组件，但是可能不能满足大部分的要求。所以，如果组件不满足你的要求，完全可以不用甚至删除代码自己写，不必坚持使用项目自带的组件。
关于版权
🔰 温馨提醒：
【尊】圈子很小，如发现未经过作者授权或被举报使用开源项目商用 必究！
【重】拒绝抄袭商用，尊重原创、合理学习使用是激发创新意识的重要方式。
【原】开放、平等、协作、分享是互联网的精神本质，但分享不是照抄照搬。
【创】尊重原创才会有更多流淌着鲜活血液的创新作品涌现，不要损害原创者的创作热情。
环境准备
注意
- 建议安装能使您开发更方便快捷，并非必须安装（因HBuilder内包含环境编译）
工具配置
如果您使用的 HBuilder 是HBuilderX(推荐)的话，可以安装以下工具来提高开发效率及代码格式化
- [App真机运行]
- [eslint-plugin-vue]
- [Git插件]
- [less插件]
- [scss/sass编译]
- [stylus编译]
- [typescript语言服务]
- [uni-app编译]
- [uni_helpers]
- [uni_modules插件]
- [uniCloud本地调试运行]
- [内置浏览器]
- [内置终端]
代码获取
从 Gitee 获取代码
因 github clone 代码较慢，您可以尝试用 Gitee 同步代码到自己的仓库，再 clone 下来即可。
也可以通过下方地址进行 clone
bash
git clone https://gitee.com/kevin_chou/qdpz.git安装
安装 Node.js
如果您电脑未安装Node.js，请安装它。
验证
bash
# 出现相应npm版本即可
npm -v
# 出现相应node版本即可
node -v如果你需要同时存在多个 node 版本，可以使用 Nvm 或者其他工具进行 Node.js 进行版本管理。
安装 微信开发者工具
如果您电脑未安装微信开发者工具，请安装它。
接下来你可以修改代码进行业务开发了。我们内建了Mock/Json模拟数据、热更新、自定义头部/底部、全局路由、分包等各种实用的功能辅助开发，请阅读其他章节了解更多。
目录说明
bash
.
├─colorui // colorui插件依赖
├─common // 项目相关公共js方法
│ ├─amap-wx.js // 高德地图依赖js
│ ├─classify.data.js // 模拟数据
│ ├─geocode-utils.js // 腾讯地图方法封装
│ ├─projectData.js // 项目模拟数据
│ ├─qqmap-wx-jssdk.js // 腾讯地图依赖js
│ ├─request.js // 数据请求封装
│ └─uiImg.js // 模拟数据
│
├─components // 项目中使用到的功能封装
├─pages // 页面入口文件夹
│ ├─index // 主页4个TabBar页面
│ ├─me // 个人中心内页面
│ ├─news // 新闻页
│ ├─project // 项目展示页
│ ├─design // 设计模板 · 瀑布流
│ ├─timeline // 时间轴
│ └─video // 视频播放页
│
├─static // 静态资源
├─tn_components // 组件模板页面入口
├─uview-ui // uview-ui插件依赖
├─App.vue // vue项目入口文件
├─LICENSE // 许可证
├─main.js // 公共js
├─manifest.json // uniapp项目配置文件
├─pages.json // 页面路由配置页
├─README.md // 说明文档
└─uni.scss // uniapp内置的常用样式变量