第2章 Node.js模块化开发 教学设计 .docVIP

博学谷——让IT教学更简单，让IT学习更有效 PAGE 12 PAGE 2 黑马程序员 《Web前端模块化开发教程（ES6+Node.js+Webpack）》 教学设计 课程名称： 授课年级： 授课学期： 教师姓名： 年 月 课题名称 第2章 Node.js模块化开发 计划课时 10课时 教学引入 随着互联网的发展，全栈工程师（Full Stack Engineer）的概念开始兴起，全栈工程师可以承担用户界面、业务逻辑、数据建模、服务器、网络和环境等方面的开发工作，这意味着全栈工程师应该熟悉各层间的交互。现在，Node.js的出现使JavaScript语言可以进行服务器端的开发并可与数据库交互，从而降低了开发人员的学习成本，为程序开发创造了良好的条件。Node.js是采用模块化开发的，下面将详细讲解Node.js的安装和模块化开发的基础知识。 教学目标 使学生掌握Node.js的安装和使用，能够完成运行环境的搭建 使学生掌握Node.js模块化开发，能够完成模块化成员的导入和导出操作 使学生掌握Node.js系统模块和第三方模块的使用，能够实现项目的功能 使学生掌握Node.js项目中gulp模块的使用，能够完成项目的自动化构建 使学生熟悉Node.js项目依赖管理，能够理解package.json文件的作用 使学生熟悉Node.js中的模块加载机制，能够正确完成模块的加载 教学重点 ES6中的export和import 使用fs模块进行文件操作 gulp工具 压缩并抽取HTML中的公共代码 压缩并转换Less语法 压缩并转换ES6语法 教学难点 gulp工具 压缩并抽取HTML中的公共代码 压缩并转换Less语法 压缩并转换ES6语法 Node.js模块加载机制 教学方式 课堂教学以PPT讲授为主，并结合多媒体进行教学 教 学 过 程 第一课时（Node.js下载和安装、Node.js环境常见安装失败情况、Node.js的组成、Node.js基础语法） 一、复习巩固 教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。 二、通过直接引入的方式导入新课 Node.js是一个基于Chrome V8引擎的JavaScript代码运行环境，也可以说是一个运行时平台，提供了一些功能性的API，例如文件操作API、网络通信API。大家在学习JavaScript基础知识时，一般是在浏览器中运行JavaScript代码，浏览器就是JavaScript代码的运行环境；而如果在Node.js平台运行JavaScript代码，Node.js就是JavaScript代码的运行环境。 本节讲解Node.js下载和安装、Node.js环境常见安装失败情况、Node.js的组成，以及Node.js基础语法。 三、新课讲解 知识点1-Node.js下载和安装 教师通过PPT结合实际操作的方式讲解Node.js的下载和安装步骤，并验证是否安装成功。 Node.js的下载和安装。 首先打开Node.js官方网站，找到Node.js下载地址。 下载“12.18.3 LTS”版本（LTS是提供长期支持的版本，只进行微小的Bug修复且版本稳定）。 下载成功后，去保存路径里找到node-v12.18.3-x64.msi文件，此文件就是我们下载的Node.js安装包。 双击node-v12.18.3-x64.msi安装包进行安装，会弹出安装提示对话框，安装过程全部使用默认值，直至安装完成。 测试Node.js是否安装成功。 按“Win+R”组合键，打开“运行”对话框，输入cmd。 单击“确定”按钮，或者直接按“Enter”键，会打开cmd命令提示符界面。 在cmd命令提示符界面中，输入命令“node -v”，按“Enter”键，显示当前安装的Node.js版本。 若想要退出cmd窗口，可以输入“exit”并按“Enter”键，或者单击右上角的“×”关闭按钮退出。 小提示，如果是windows 10系统可以使用PowerShell工具测试Node.js是否安装成功。 知识点2-Node.js环境常见安装失败情况 教师通过PPT结合实际操作的方式讲解如何处理Node.js环境安装失败的情况。 为什么会有安装失败的情况。 由于使用的系统配置是不统一的，在一些系统配置中会有不稳定的配置，可能会导致Node.js环境安装失败。 错误代号2503的解决方法。 失败原因是：系统账户权限不足。 解决步骤： 使用管理员身份运行PowerShell命令提示符工具。 以管理员身份进入Powe