# 課程介紹 > 如果你熟悉：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/ # 課程資源 ## 教學資源 * 本課程的在線教程 http://www.hmoore.net/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從入門到精通 http://www.hmoore.net/guobaoguo/uni-app/821776 uni-app 跨平臺應用開發教程 http://www.hmoore.net/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不能主動調起微信開發者工具。 ``` 設置\安全設置：開啟服務端口 ```