目录XMind脑图

1.2 生活中的模块化/h2>

1.4 Node.js中模块化开发规范/h2>

• Node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到

2.系统模块/h1>

2.1 什么是系统模块

Node运行环境提供的API. 因为这些API都是以模块化的方式进行开发的, 所以我们又称Node运行环境提供的API为系统模块

2.2 fs 文件操作/h2>

f：file 文件 ，s：system 系统，文件操作系统。

①

②

③

② 下载和卸载模块

下载：npm install 模块名称
安装：npm uninstall package 模块名称

③ 本地安装与全局安装

本地模块：意思就是将模块下载到当前的项目当中，供当前项目使用
全局安装：将模块安装到一个公共目录，所有项目都可以使用这个模块

一般来说：我们将命令行工具进行全局安装，库文件进行本地安装

3.2 nodemon/h2>

问题：在Node.js中，每次修改文件都要在命令行工具中重新执行该文件，非常繁琐。
解决：nodemon是一个命令行工具，用以辅助项目开发。用nodemon命令替代node命令执行文件，能在每次保存后重新运行文件，减少了繁琐的手动操作。

使用步骤：

1. 使用npm install nodemon 下载它
2. 在命令行工具中用nodemon命令替代node命令执行文件
3. 在命令行中用快捷键终止当前操作

3.4 Gulp 基于node平台开发的前端构建工具/h2>

作用：将机械化操作编写成任务, 想要执行机械化操作时执行一个命令行命令任务就能自动执行了
用机器代替手工，提高开发效率。

• 项目上线，HTML、CSS、JS文件压缩合并
• 语法转换（es6、less …）
• 公共文件抽离
• 修改文件浏览器自动刷新

使用步骤：

1. 使用下载gulp库文件
2. 在项目根目录下建立文件
3. 重构项目的文件夹结构: src目录放置源代码文件、dist目录放置构建后文件
4. 在gulpfile.js文件中编写任务.
5. 在命令行工具中执行gulp任务

① Gulp 提供的常用方法

• gulp.task()：建立gulp任务
• gulp.src()：获取任务要处理的文件
• gulp.dest()：输出文件
• gulp.watch()：监控文件的变化

如何执行gulp的任务呢/strong>
如果在命令行用node命令，会执行整个gulpfile.js文件。在gulp中，除了给我们提供库文件外，还给我们提供了同名的gulp命令行工具，此时我们需要使用 全局安装命令行工具
执行任务：

② Gulp插件

Gulp插件非常多，平时只需记住插件名称，如何使用去官 找对应的API即可

• gulp-htmlmin ：html文件压缩

• gulp-file-include 公共文

  声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！