一周小程序学习 第1天
今日正式开始小程序的学习!
对于刚上手的自学小白,技术选型是很重要的,这在一开始就决定了这条开发学习之路顺不顺利。
今日目标
- 完成小程序框架的技术选型
- 搭建开发环境,运行 demo 项目
小程序不涉及具体的业务逻辑,主要探索微信对小程序的赋能点。例如微信用户授权、小程序分享、集成广告等。
今日成果
技术选型
选型考虑要素:
-
主流性。作为后端开发,最好学习主流前端知识,方便在其他前端尝试中使用
-
统一性。最好是一个大一统的框架,可以一次解决大部分问题,减少学习成本
-
易用性。好上手、好学习、文档完备
查找了市面上较有名的小程序开发框架,最终选定了来自京东凹凸实验室的“Taro”作为开发框架,主要原因如下:
- 小程序原生开发框架比较个性化,网友评论也提到不少槽点。使用 Taro 可以获得更现代化的开发体验
- Taro 是一个多端统一框架,一次编写,即可编译出能在各个平台上运行的程序,包括各个平台的小程序、H5、ReactNative 等
- Taro 采用 React 语法标准。React 应该是很主流的前端框架了,顺便学习之
- TypeScript 支持。JavaScript 本来就是因为语法接近 Java 而命名的,再加上 Type 类型检查特性,搞 Java 的用起来不要太顺手
- 配套的 Taro UI 个人看着也很顺眼,直接使用配套组件美滋滋
开发环境搭建
- Windows 10,我的开发系统
- 安装 nvm-windows,Win 平台上的 Node 包管理工具
- 通过 nvm 安装 node.js,更新 npm,配置源
- 根据 Taro 快速起步安装 Taro
- 使用 Taro 初始化项目(TypeScript、Sass)
- 根据 Taro UI 快速起步为项目引入 Taro UI
- 使用 Taro 命令编译项目
- 安装微信小程序开发工具
- 将项目导入小程序开发工具,填写 AppID 等配置信息
- 预览 Demo 效果
明日计划
要使用 Taro 框架,首先要熟悉 React 语法。
那么明天的计划就是学习 React 的入门教程,初步了解相关知识,学习 React 语法。