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已经成功安装在项目中了,并且执行成功
    
  

猜你喜欢

转载自www.cnblogs.com/wushaopeng/p/9262818.html
今日推荐