这是我参与8月更文挑战的第2天,活动详情查看:8月更文挑战
前端工程化(自动化开发)
在前端开发过程中,随着技术栈越来越广泛,性能/开发效率等方面的要求越来越高,应用程序也越来越复杂.
我们在构建项目的时候对某些操作比较繁琐,例如压缩/合并/编译代码, 我们可以利用一些线上工具或者一些软件来做到这些事情,但是毕竟无法找到某种方式是专门针对我们当前这个项目。
Node.JS
是一个 JavaScript
的运行环境,当 JavaScript
代码运行在 Node.JS
中的时候就可以操作文件系统.
于是乎,有一些人利用 Node.JS
开发出了一些专门针对前端的一些开发工具,可以利用这些运行在 Node.js
中的工具来构建我们的开发环境
在构建好的开发环境中进行开发的时候,工具就会自动的,按照我们意愿去执行一些操作.
所以,总结一下,当代前端开发工程师在开发项目的时候一般都需要 node.js
环境,也需要利用运行在 node.js
中的工程化工具来帮助我们开发。
接下来,我们去着手搭建一个开发环境:
搭建用到的开发工具
除了Node.JS
是必须的,还需要 npm
/ cnpm
/ yarn
/ bower
等等这样的包管理器,也需要 gulp
/ webpack
/ grunt
等等这样的自动化工具.
webpack
是一个模块化打包工具...
gulp
是一个基于流的自动化构建工具
这些自动化工具会根据我们的配置将文件进行操作,gulp查找到对应的文件内容会利用 Node.js
中的 stream
对文件进行操作,所以 gulp
是基于流的.
学习要记录, 用的文档笔记工具 MarkDown
HTML (hype text markup language): 超文本标记语言
MarkDown 是一个文本标记语言,可以用一些特殊的符号对文本进行标记/设置
MarkDown 一般用于写文档 / 文本信息,其作用类似于 word
MarkDown 是可以编译成html/pdf/word等等格式的
软件: typora
下文更新预告
接下来会继续学习 node.js
, 跟上前进的步伐, 向前加油, 提高自我
加油!!