grunt构建工具使用总结(一)环境搭建

前一个项目中,项目组长要求我们用grunt来构建项目,这里总结了一些工作经验供大家学习参考。


1.安装nodejs
https://nodejs.org/
下一步下一步下一步、的安装方式,这里不再赘述
安装了nodejs之后,可以在你的控制台中输入“node -v”试验nodejs是否安装成功。


2.npm(npm是nodejs自带的包管理工具,所以不用再安装)
//创建一个package.json文件  
npm init 
//终端会问你一系列诸如项目名称("name"),版本(“version”)项目描述("description")等信息,回车默认即可。
注意:设置的项目名不要和安装软件的名称相同(比如需要安装grunt,那么你在package.json中的项目名称不能是grunt)




3.打开命令提示符(window)全局安装grunt-CLI (任意路径下)
npm install -g grunt-cli


如npm输入后安装不成功,则需要设置代理  
set https_proxy=http://10.167.196.133:8080)


4.为所在项目安装grunt依赖 (进入项目目录下)
npm install grunt --save-dev
“—save-dev”的意思是,在当前目录安装grunt
打开package.json,那里的“devDependencies”中会出现:

"grunt": "^1.0.1“
"当你看到  grunt": "^1.0.1"(版本号可能会有不同)


5.测试grunt安装完成

在控制台运行“grunt”命令。如果你得到一个warning提示,那说明grunt已经起作用了


6. 在项目根目录下创建GruntFile.js文件,根据自己所需配置文件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值