npm及gulp流式自动化构建

Posted 2021-04-08 Web大牛程序员

1 前端项目的整体架构分哪三个部分？

2 常用的npm 命令是什么？

安装全局包：npm install jquery -g；

   创建一个package.json 的文件：npm init;

   安装服务器：npm install exprexx-generator -g  进入到server的文件夹执行      exprexx -e .

   进入server文件夹内安装：npm install；

   开启本地静态服务器：npm start；

3 gulp的作用是什么？如何理解gulp流式自动化的概念

作用：指定一条一条的命令/任务，gulp根据命令的顺序，执行一套完整的流程。

概念：gulp为流式自动化构建工具，需要自己定义，build，css，clean ，任务等，在终端里     直接输入gulp命令，按顺序执行上面的任务，达到高效，简洁。实时监控命令：gulp              --watch，可以实现保存即可刷新。

4 使用express，创建开启本机服务器的步骤是什么？

1. 在服务器的文件夹内/server里面，输入安装：npm install express-generator -g

2. 使用express命令创建服务器，输入：express -e . 会在当前目录下生成bin，app.js，views等几个文件夹，在服务器路径下，使用：npm install 安装express需要的库。

3. 开启服务器：使用npm start。