Node.js-搭建自动化开发环境-介绍学习(一)

800 阅读2分钟

这是我参与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, 跟上前进的步伐, 向前加油, 提高自我

加油!!