grunt构建工具使用总结(一)环境搭建
来源:互联网 发布:数据的预处理包括什么 编辑:程序博客网 时间:2024/05/29 15:43
前一个项目中,项目组长要求我们用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文件,根据自己所需配置文件。
- grunt构建工具使用总结(一)环境搭建
- grunt构建工具使用总结(二)Gruntfile文件配置
- grunt环境搭建及使用
- 自动构建工具Grunt
- grunt自动化构建工具
- grunt构建工具安装
- 前端开发入门:前端开发环境构建工具Grunt
- web前端开发环境搭建(grunt)
- Grunt+bower 环境搭建
- Grunt开发环境搭建
- 使用Grunt构建项目
- sqlite使用总结(一)搭建编译与使用环境
- 前端自动化构建工具Grunt
- NodeJS项目构建工具Grunt
- 【Grunt】前端自动化构建工具
- 前端自动化构建工具Grunt
- grunt 前端自动化构建工具
- 高效开发Hybrid APP(一):环境搭建 NodeJS + Grunt + tomd
- 烟花效果
- vs2010对源文件进行md5计算的错误,源文件与模块生成时的文件不同
- cmd 下 编译、运行 java
- db2stop force
- 【图算法】(2)DFS和BFS
- grunt构建工具使用总结(一)环境搭建
- POI设置单元格背景颜色
- opencv(二):批量预处理图片
- sublime text3入门教程
- eclipse转AS全面解析
- java的反射机制
- 重磅 | 2017 开发者生态报告,学什么语言最有前途
- const常量与define宏定义的区别
- CSS三大特性