gulp安装搭建前端项目自动化

下面是今天在配置gulp运行项目时遇到的问题几个问题及其完整的安装过程：

一、安装node.js 。gulp是基于nodejs使用的 查看版本node   -v

二、npm install gulp -g 全局安装gulp（重点）

重点：

三、新建一个项目目录，进入项目目录（cd+项目路径或者找到项目文件shift+鼠标右键->在此处打开命令窗口）

四、建立一个模块 npm init      //在项目目录中生成一个package.json

五、本地安装gulp npm install gulp --save-dev（重点）   //全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件的功能

六、安装gulp插件

例如：npm install --save-dev gulp-babel babel-preset-es2015  //es6转es5

　　npm install gulp-autoprefixer --save-dev         //css自动添加浏览器前缀（若是报错，就用cnpm从新安装或者重装npm  install gulp或者卸载gulp-autoprefixer后再安装）

通常的安装格式：npm install +<插件名>+  --save-dev

7.安装结束后，gulp运行

 

注释：-save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。 （加载依赖到package.json文件中）
           -save是指将包信息添加到dependencies，表示你发布时依赖的包裹。 

删除安装的插件：()

一、全局安装 npm i -g rimraf

二、项目目录 rimraf -rf node _modules/插件名（不带插件名时。所有插件都删除，重装插件需删除依赖再重装）