前端自动化工具:Grunt使用教程

【前端自动化工具:Grunt使用教程】的更多相关文章

前端自动化工具:Grunt使用教程

1.下载node.js,然后将node.exe文件所在的目录加入path环境变量 2.安装npm管理工具 2.1.下载npm源码,解压到npm文件夹里,不要把npm放在和node.exe相同的文件夹 2.2.使用命令 node cli.js install -gf 安装npm 或者命令 node cli.js install npm -gf //可以安装最新版的NPM node cli.js install npm@1.0.105 -gf //可以安装指定版本的NPM 2.3.npm安装完成…

前端自动化工具 -- grunt 使用简介

grunt作为一个前端构建工具,有资源压缩,代码检查,文件合并等功能. 下面就简单了解grunt的使用. 一.环境配置 grunt是基于nodejs的,所以需要一个 nodejs 环境,未了解的可以来这看看还是在windows下, 首先要保证grunt命令可以使用,所以要先使用npm安装对应CLI npm install -g grunt-cli 安装完成可以命令行中输入“grunt”测试是否安装成功安装成功后二.用法说明 grunt需要package.json文件描述,很多操作都直接通…

[工具]前端自动化工具grunt+bower+yoman

安装过程安装nodejs 安装grunt,bower,yoeman 命令:(-g 表示全局安装,否则安装到当前目录下) npm install -g grunt-cli npm install -g yo npm install -g bower 删除已安装: npm unintall -g yo yoman -- "脚手架" 针对不同web工程,安装相应yoman"脚手架"生成器,eg:angular工程 npm install -g generator-ang…

安装并配置前端自动化工具——grunt

Grunt和所有Grunt插件都是基于nodeJs来运行的,因此在你的电脑上需要安装nodeJs.安装nodeJs非常简单,点击访问nodeJs官网https://nodejs.org,然后nodeJs官网会跟你的PC系统来给你分配合适的nodeJs安装包,如图: 选择安装即可,安装步骤此处省略N个字. 接下来就是安装Grunt了: 1.先在你的根目录中建立几个测试文件夹和文件,我建立的文件夹分别是build.src.test以及两个配置文件Gruntfile.js(注意Gruntfile.js…

学习安装并配置前端自动化工具Gulp

Gulp和所有Gulp插件都是基于nodeJs来运行的,因此在你的电脑上需要安装nodeJs,安装过程请移驾安装并配置前端自动化工具--grunt.安装完成后,通过运行cmd进入DOS命令窗口,如图: 如上图,输入node -v然后回车,看到有版本号,证明nodeJs安装成功. 接下来就是安装Gulp了: 1.首先进行全局安装gulp,如图: 安装完成后,输入gulp -v然后回车,看到有版本号,证明gulp安装成功. 2.在你的项目中安装作为项目的开发依赖(devDependencies),如…

前端自动化工具gulp自动添加版本号

之前,我介绍了学习安装并配置前端自动化工具Gulp,觉得gulp确实比grunt的配置简单很多,于是我决定再深入学习一下gulp,就去网上查了资料,发现gulp还可以自动添加版本号,这个功能就为我平时在更新css或js时老是在客户端存在缓存导致更新后的效果无法实时展现的苦恼.所以就赶紧去试了一下,果真可以,很高兴啊,真是为项目开发,为效果的快速展现提供了很多的便利. 实现原理: 1.修改js和css文件: 2.通过对js,css文件内容进行hash运算,生成一个文件的唯一hash字符串(如果文件…