@打造本身微信小程序工做流

小程序工做流

提出这个思想，小白的学习历程

在原生小程序的基础上，咱们打造本身的工做流，咱们想要支持

• scss --- 编译
• es6+ or ts --- 编译
• eslint
• stylelint
• tslint?可用eslint 取代
• git
• git 提交管理
• git 提交规范
• git 工做流
• 工具：模板文件生成
• 测试编写
• 编译
• 命令行工做流
• 环境与配置
• 编译的可视化工具
• 文档编写

环境变量与配置

目标： 将小程序分为 3 个环境：development, staging, production

编译 咱们使用 gulp 编译这些粗活累活

gulp 的生态，gulp4 的使用

样式

咱们使用国外流行的 scss,来处样式部分，目的是使用 bem 命令，bem 配合 预处理器是特别好用的，postcss 来处对咱们样式作一些后处理，好比添加厂商前缀，以及压缩代码，这些在小程序的工具里面有相似的功能，可是，一直没有正式的机会在企业里面使用前端框架，来使用这些工具，在小程序开面就本身搞！

JS / TS

若是是 js 其实能够不用编译，可是我么仍是用babel来处理js。

ts 直接使用本身的编译工具就行

重点：代码的风格

为了方便起见，咱们使用 prettier 的代码检查风格，prettier 直接支持 eslint， stylelint 来处理相关代码的格式问题，prettier 还挺好用的。

git 也是很是重要的

在咱们的工做流里面 git 扮演者重大的角色，咱们使用git来管理咱们的代码，一些提交的规范，咱们必须使用在这里面

文档部分

咱们在开发一个东西的时候，咱们须要要写文档，以便造成好的习惯，咱们要把咱们学习的东西记录成文字，统一的管理起来，这就是咱们本身的习惯财富。仍是那两个字，加油。

初步采用 van-docs, 可以将 markdown 文档转换成 Vue 文件。

命令行

咱们要习惯使用命令，慢慢的要本身学会写命令行，这里推荐看一个微信小程序的模板生成命令行工具，学习如何写命令行工具，逐步升入咱们的前端，会使用工具的前端才是真的有效率的前端。

编译可视化

可视化编译，就是在编译的时候，从控制栏知道了编译器编译了哪些文件，干了一些什么事，如今尚未一个很好的方案。

脏活累活

1. 生成一个页面，组件
2. 代码压缩，文件压缩
3. 上传文件，这些东西否应该是能够自动化的

对于繁琐前端的知识，工做流程，咱们要创建好本身的工做流处理响应的问题，固然这些都会随着咱们学习水平的提升，解决问题的能力也会获得的提升。