学习笔记--gulp安装及配置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gavincz/article/details/79708467

安装nodejs:
说明:gulp是基于nodeJS,理所当然需要安装nodeJS; 安装:打开nodeJS官网https://nodejs.org/cn/,点击硕大的绿色下载按钮,它会根据系统信息选择对应版本(.msi文件)。

第一步:配置环境变量:
注:安装完成之后注意将其配置到环境变量(系统变量路径中),这样你就可以在全局范围内去使用它了我的路径是在c:\ Program Files \ nodejs \ node_modules \ npm \ bin,记得把它也配置进去测试:按窗口+ r输入:** node -v 如果都能打印出相应的版本信息,那么说明你配置成功了

(npm的解释):
npm是Node.js的包管理工具(包管理器)。在Node.js上开发时,会用到很多别人写的JavaScript代码。如果需要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到故宫官网上,如果要使用,直接通过NPM安装就可以直接用,不用管代码存在哪,应该从哪下载。更重要的是,如果我们要使用模块A,而模块甲又依赖于模块B,模块乙又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。npm已经在Node.js安装的时候顺带装好了。我们在命令提示符或者终端输入* npm -v *同样,如果能打印出相应版本信息,那么说明你配置成功了

(关于cnpm):

第二步:全局安装gulp

在cmd中执行
npm install gulp -g

查看是否正确安装:
命令提示符执行 gulp -v,出现版本号即为正确安装

注意配置环境变量
C:\Users\Administrator\AppData\Roaming\npm\node_modules\gulp;

第三步: 新建package.json文件(初始化一个项目)
进入项目的目录,如:cd F:\ workspace \ gulp(这是项目目录)
创建package.json文件:npm init
在路径下会形成这样的一个.json文件(部分内容为后添加的,一路回车就行,出现提示时,输入“yes”即可):
{
“name”:“gulptest”,//项目名称(必须)不能有大写
“version”:“0.0.1”,//项目版本(必须)
“description”:“这是一个gulp的测试程序“,//项目描述(必须)
”homepage“:”“,//项目主页
”main“:”index.js“,//入口文件
”scripts“:{ ”test“:”echo \“Error:no测试指定\“&&退出1” },
“关键字”:[//关键词 “gulp” ],
“作者“:”wuxunxun007“,//作者 ”license“:
”ISC“//项目许可协议
devDependencies”:{//项目依赖的插件
“gulp”: “^3.8.11”,
“gulp-less”: “^3.0.0”
}

}
查看package.json帮助文档,命令提示符执行cnpm help package.json

把当前目录转到项目目录:
即上例中的F:\ workspace \ gulp。

猜你喜欢

转载自blog.csdn.net/gavincz/article/details/79708467