前端工程化 （新手向）

记录目的：前端学习ing，有很多东西不太清楚，特此记录：系统整理，以便查阅。

 

一：什么是前端工程化开发？

首先目前web业务越来越复杂化和多元化，所以在这过程中产生了一些问题：比如：

• 如何进行高效的多人合作？
• 如何让项目具有可维护性？
• 如何提高项目的开发质量？
• 如何降低项目开发中的风险？
• ........

所以前端工程化就是利用一些工具将前端的开发流程、技术，经验等规范化、标准化。

（Ps:其他待补充.....）

 

二：工程化需要使用哪些工具？

1. 版本管理工具
2. gulp/webpack 之类的 工程化框架性的工具
3. 包管理工具 (npm 、cnpm 、yarn 、bower 、......)     (什么是包？就是Node.js环境的一些模块/工具等)
4. 其他零散工具 （以后补充）

三：如何搭建一个前端项目的工程化环境？

1. 选址 - 建立项目开发目录
2. 立项 - npm init ➡ 构建项目开发内部结构
3. 配置框架性工具
4. 利用MVC思想开发
5. 合理利用方法处理异步编程
6. 前端项目的结构  目前流行的实现模式（MPA \ SPA）
7. 开发一个前端路由工具
8. Mock数据
9. 并行执行npm命令

（Ps:待补充....）