# 课程介绍 > 如果你熟悉:CSS,HTML,Javascript,Es2015,MySQL,Nodejs,Vuejs规范能够帮助你快速掌握课程教学内容 **本课程是跨平台应用开发全栈教程,内容涵括前端和后端开发的基础知识** 1. Javascript基础 2. Vuejs入门 3. uni-app开发入门 4. Koa基础 5. Thinkjs基础 > 本教程出于教学目的编写,使用了大量的网络资源,如果有侵犯您的权利,请联系我们,及时处理。[Email:qingsongzeng@163.com](mailto:qingsongzeng@163.com) ## uni-app [uni-app](https://uniapp.dcloud.io/)是一个使用[Vue.js](https://vuejs.org/)开发**跨平台**应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。 ## Thinkjs ThinkJS 是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。 **Thinkjs特性** * 基于 Koa 2.x,兼容 middleware * 内核小巧,支持 Extend、Adapter 等插件方式 * 性能优异,单元测试覆盖程度高 * 内置自动编译、自动更新机制,方便快速开发 * 使用更优雅的`async/await`处理异步问题 > 如果你熟悉ThinkPHP,你会发现Thinkjs的设计有很多类似的地方。 # 课程教学 曾青松 教授 博士 [Email:qingsongzeng@163.com](mailto:qingsongzeng@163.com) 个人网站:[http://www.zengqs.com](http://www.zengqs.com) [广州番禺职业技术学院](http://www.gzpyp.edu.cn) # 实验代码 实验代码: https://gitee.com/zengqs/uni-app-course-2019/ # 课程资源 ## 教学资源 * 本课程的在线教程 https://www.kancloud.cn/zengqs1976/uni-app/ * ~~腾讯课堂视频教程:https://zengqs.ke.qq.com/ (目前没有上传课程视频)~~ * 课堂录像及演示代码: * [ ] 链接:https://pan.baidu.com/s/1Dvfl3f0oCNr2BjilR5bi_w * [ ] 提取码:yrdi * uni-app应用开发交流QQ群:631951344 * Teaset组件库地址:https://gitee.com/zengqs/teaset * 快速应用开发集成方案: https://gitee.com/gzpyp/thinkjs-uniapp-framework.git ## 相关链接及教程 vue 教程(视频):[https://ke.qq.com/course/248507?tuin=4f8da6](https://ke.qq.com/course/248507?tuin=4f8da6) uni-app 官网 :[http://uniapp.dcloud.io/](http://uniapp.dcloud.io/) uni-app从入门到精通 https://www.kancloud.cn/guobaoguo/uni-app/821776 uni-app 跨平台应用开发教程 https://www.kancloud.cn/guobaoguo/uniapp/820863 uni-app 跨平台应用开发教程(视频) https://ke.qq.com/course/323825?tuin=3d0e3efb # 基本开发工具 ## HbuilderX 下载地址:http://www.dcloud.io/hbuilderx.html > 使用HbuilderX开发移动端跨平台应用程序。请下载APP开发版,该版本集成了开发用到的大部分的插件 ## 微信开发者工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ## VSCode 万能编辑器 下载地址:https://code.visualstudio.com/ > 选择与操作系统匹配的版本,选择32位还是64位 # 常见问题 ## HbuilderX如何设置微信开发者工具 需要在HbuilderX中设置微信开发者工具所在的安装路径,一般为: ``` C:\Program Files (x86)\Tencent\微信web开发者工具 ``` 并且请在微信开发者工具中打开端口,否则HbuilderX不能主动调起微信开发者工具。 ``` 设置\安全设置:开启服务端口 ``` ![](https://box.kancloud.cn/e96809be96f900d43a08288bb08526d3_440x340.png)