一、首先用npm在global环境安装grunt-cli ,注意在任何目录下 install -g都是一样的 npm install -g grunt-cli 二、安装grunt插件时项目中一定要package.json,所以在项目中加一个最简单的package.json。不然的话插件安装不上。 三 ...
分类:
其他好文 时间:
2017-06-28 19:02:33
阅读次数:
157
1. demo文件夹,存放各种实例。 2. dist文件夹,全称是distribution。在某些框架中,因为开发和发布的内容或者代码形式是不一样的(比如利用Grunt压缩等等),这时候就需要一个存放最终发布版本的代码,这就是dist文件夹的用处。dist文件夹里的localization文件夹是本 ...
分类:
Web程序 时间:
2017-06-26 14:56:32
阅读次数:
239
为了让自己更像一个前端project师,决定从开发环境開始武装自己。本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 3.Sublime Text的安装及必备插件 一.Node.js的安装 Node.js就是一堆前端p ...
分类:
其他好文 时间:
2017-06-24 13:18:36
阅读次数:
91
转载来源:http://www.cnblogs.com/well-nice/p/4801408.html jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用! jQuery在使用grunt,bootstrap在使用grunt,百 ...
分类:
其他好文 时间:
2017-06-24 11:23:50
阅读次数:
217
其优势主要可以归类为如下几个: 1. webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移。 2. 能被模块化的不仅仅是 JS 了。 3. 开发便捷,能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转base64等 ...
分类:
Web程序 时间:
2017-06-23 00:39:05
阅读次数:
329
https://segmentfault.com/a/1190000006738327 初步了解 Metronic 的结构和应用后,我们就可以在项目中应用起来了。考虑到实际项目应用时,会有很多文件需要修改调整并压缩处理,这时候我们就会用到我们的《前端自动化神器 (Gulp)》,鉴于 gulp 的内容 ...
分类:
其他好文 时间:
2017-06-22 17:04:13
阅读次数:
256
什么是webpack? 他有什么优点? 首先对于很多刚接触webpack人来说,肯定会问webpack是什么?它有什么优点?我们为什么要使用它?带着这些问题,我们来总结下如下: Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包,它能有Grunt或Gulp所有基本功能。优点如下 ...
分类:
Web程序 时间:
2017-06-20 14:50:33
阅读次数:
195
grunt常用函数说明: Grunt : javascript世界的构建工具、 grunt.initConfig : 定义各种模块的参数,每个成员项对应的一个同名模块。 grunt.loadNpMTasks : 加载完成所需要的模块。 grunt.registerTask : 定义具体的任务.第一个 ...
分类:
Web程序 时间:
2017-06-19 22:20:54
阅读次数:
289
Grunt 依赖 Node.js 所以在安装之前确保你安装了 Node.js。然后开始安装 Grunt 实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grunt 命令来执行某个项目中的 Gruntfile.js 中定义的 task 。但是要 ...
分类:
其他好文 时间:
2017-06-19 22:15:48
阅读次数:
238
1.安装好nodeJS后 ,一般都会把npm也安装好的。nodeJs集成npm的,可通过在cmd 分别运行 node -v和 npm -v来查看他们的版本,假设显示可说明可继续以下的操作 2.想安装grunt一般能够直接在cmd里面运行 npm install grunt grunt-cli 【然而 ...
分类:
Web程序 时间:
2017-06-19 14:21:19
阅读次数:
268