你的位置:首页 > 网页设计

[网页设计]Grunt(1)从安装开始创建一个基本的Grunt

Grunt的介绍:http://www.gruntjs.net/getting-started

1:安装Git Bash,下载地址https://git-scm.com/download/win(安装一路next)

2:安装node.js+npm,下载地址:https://nodejs.org/en/download/

注意:到这个选项的时候选这个

3:Git Bush安装Grunt客户端:npm install -g grunt-cli

4:打开git bash查看安装是否成功。

4:项目结构图:

5:把package.json放到MvcApplication1文件夹下。package.json的基本内容。

{ "name": "my-project-name", "version": "0.1.0", "devDependencies": {  "grunt": "^0.4.5",  "grunt-contrib-concat": "^0.5.0",  "grunt-contrib-cssmin": "^0.10.0",  "grunt-contrib-uglify": "^0.5.1" }}

6:git bash进入MvcApplication1文件夹下。执行npm install,如果此时没有package.json文件则会报错。

7:执行成功


9:使用grunt命令执行压缩css, grunt cssmin