gulp自动化使用札记（1）安装

一，node环境的准备

1，node的安装和卸载。

　　  卸载直接在控制面板中卸载即可。

　　安装：

  　　(1)，从 Node.js官网下载对应平台的安装程序，网速慢的童鞋请移步 国内镜像。在Windows上安装时务必选择全部组件，包括勾选Add to Path。

　　打开命令提示符输入 node -v,检验是否安装成功。

　　输入 node 进入，node.js的交互环境，在交互环境下可以任意输入JavaScript语句。连按两次Ctrl+C。退出node环境.

2,npm

　　npm其实是Node.js的包管理工具（node.js package manager）。 　　

　　npm类似于maven是一个包管理工具，因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。于是一个集中管理的工具应运而生：大家都把自己开发的模块打包后放到npm官网上，如果要使用， 直接通过npm安装就可以直接用，不用管代码存在哪，应该从哪下载。

更重要的是，如果我们要使用模块A，而模块A又依赖于模块B，模块B又依赖于模块X和模块Y， npm可以根据依赖关系，把所有依赖的包都下载下来并管理起来。否则，靠我们自己手动管理，肯定既麻烦又容易出错。

　　 npm已经在Node.js安装的时候顺带装好了。我们在命令提示符或者终端输入npm -v，

　常用命令 　　

　　npm -v 查看版本号 

　　npm config list  查看配置

　　npm config ls -l  查看所有默认设置

　　配置淘宝镜像：npm config set registry " https://registry.npm.taobao.org" 

　　安装cnpm：npm install -g cnpm -registry= https://registry.npm.taobao.org

 

  　　npm的默认安装路径 C:\Users\Administrator\AppData\Roaming\npm

 　　使用npm安装的模块   C:\Users\Administrator\AppData\Roaming\npm\node_modules

 

3.package.json

　　

描述npm包的文件，类型maven的pom.xml,bower的bower.json等

有了package.json才能使用npm install命令，就会在当前目录中安装所需要的模块

使用 npm init 用来创建package.json配置文件

　　

1. 相关命令和属性说明
2. 属性说明： 
3. dependencies：生产环境需要安装的包 
4. devDependencies：开发环境需要的包 
5.  
6. npm install：默认使用当前路径下的package.json安装包 
7. npm install chajian：直接安装包到当前目录的node_modules 
8. -g:全局安装 
9. --save-dev:安装同时写入package.json 

二，gulp的安装

 　　gulp是需要项目执行的，所以你全局安装了gulp还是不能执行，需要当前项目也安装才能执行构建：

　　 npm install gulp --save-dev 所以gulp是安装到当前项目的

　　一,首先全局安装gulp

　　npm install -g gulp 

1. npm是安装node模块的工具，执行install命令
2. -g表示在全局环境安装，以便任何项目都能使用它
3. 最后，gulp是将要安装的node模块的名字

　　 gulp -v 查看是否安装成功

   　二，将gulp安装到项目本地

    　　1，定位项目目录，这里使用webstrom打开项目，直接在控制台进行。

       　2，   npm init 用来创建package.json配置文件

          3， npm install --save-dev gulp

           4， 需要去文件夹的根目录中，新建一个名为gulpfile.js的javascript文件，写入内容如下:

　　　　var gulp = require('gulp');

　　　　　　gulp.task('default', function() {

　　　　　　　　// 将你的默认的任务代码放在这

　　　　　　});

 

　　　　最后在命令行里执行指令:  glup 回车 ，//启动gulp

　　　　[10:30:37] Using gulpfile E:\wu_work\zhiguH5\gulpfile.js

　　　　[10:30:37] Starting 'default'...

　　　　[10:30:37] Finished 'default' after 64 μs

 

　　　　说明gulp已经成功安装在项目中了,并且执行成功

　　　　

　　

转载于:https://www.cnblogs.com/wushaopeng/p/9262818.html