进入相应开发项目的目录

打开Node.js command prompt，使用cd 目录路径命令导入开发项目文件路径
注意：Windows的电脑是分磁盘的，如果你在别的磁盘创建的文件应该先切换盘符。使用的命令是D: + enter(回车键)这里举例是切换到D盘。
注意：清屏命令，Windows使用的是cls，Mac/Linux使用的是clear。

初始化当前项目

使用cnpm init进行初始化
image.png

  1. package name:(默认项目名称)  //你可以修改，也可以直接使用默认的文件名
  2. version:(1.0.0)                            //默认从1.0.0开始
  3. description:当前项目的描述        //设置当前项目的描述信息
  4. entry point:(index.js)            //入口文件，不用去设置
  5. test command:                                //设置测试命令
  6. git repository:                            //项目是否连接到的GitHub的仓库
  7. keywords:html css javascript 电商        //设置关键字，设置网上查找的时候能被哪些关键字查找到
  8. author:地瓜地瓜我是土豆                //作者
  9. license:(ISC)                                //协议，不用更改

image.png
初始化创建成功后将文件拖到编辑器中查看，会看到有一个package.json的文件，里面存放着当前项目的一些配置信息。

在当前项目安装Gulp到本地

使用命令cnpm install gulp --save-dev
--save将这个文件安装到本地的当前文件夹
-dev将安装gulp的信息保存在package.json里面
image.png
安装完成后可以看到我当前的gulp的版本是4.0.2，违背我们使用版本的规则，最新的版本不用。相对于4.0以前的版本语法已经换掉了，为了保证后面gulp的正常运行，我们将最新版本去掉。

  1. {
  2.   "name": "gulpdemo",
  3.   "version": "1.0.0",
  4.   "description": "当前项目的描述",
  5.   "main": "index.js",
  6.   "scripts": {},
  7.   "author": "南友",
  8.   "license": "ISC",
  9.   "devDependencies": {
  10.     "gulp": "^4.0.2"
  11.   }
  12. }

在package.json里将"gulp": "^4.0.2"这行代码删掉，并找到gulpDemo这个文件，将node_modules删除。
重新使用命令cnpm install gulp --save-dev但是需要做改变。
cnpm install gulp@3.9.1 --save-dev我们这个命令过于长，可以简化为cnpm i gulp@3.9.1 -D
image.png

{
  "name": "gulpdemo",
  "version": "1.0.0",
  "description": "当前项目的描述",
  "main": "index.js",
  "scripts": {},
  "author": "南友",
  "license": "ISC",
  "devDependencies": {
    "gulp": "^3.9.1"
  }
}

这样我们就将Gulp前期的准备就完成啦！