linux安装grunt

㈠ grunt 怎么安装已经配置好的packet.json

第一步：搭建环境，主要是nodejs, npm, grunt(grunt-cli)
$ mkdir installGrunt
$ cd installGrunt

$ npm install grunt --save-dev #如果看到如下信息表示grunt安装成功
$ grunt --version
grunt-cli v0.1.13
grunt v0.4.5

第二步：创建 package.json

# 在项目的根目录下创建package.json文件
（1）根据grunt-init模板自动创建一个特定的package.json文件；（需要先安装 npm install -g grunt-init）
（2）在命令终端通过npm init命令自动创建一个基本的package.json文件；（亲自测试过）
（3）从官网上复制或者下载一个package.json文件；（对新手最方便）
（4）手工创建一个package.json文件；（对高手最方便）

添加依赖
（1）逐个添加，逐个执行命令 $ npm install XXX --save-dev
XXX是常用插件名，如grunt-contrib-jshint
最好是全称，不要简写。我曾试过 npm install cssmin --save-dev 生成了无用的东西。

（2）也可以一次在package.json中添加多个插件，然后一次执行命令 $ npm install
安装声明的依赖关系grunt插件同时， 在项目根目录下添加一个node_moles目录，目录中放置对应grunt插件所需的插件目录名。
注：当你给npm install添加 --save-dev标志是，一个波浪线范围将被用于你的package.json中。（建议）

第三步：创建Gruntfile.js
# 添加自己合适的gruntfile配置，运行，得出预期输出
mowww.hbbz08.com le.exports=function(grunt){
//任务配置
grunt.initConfig({
});
//载入任务
grunt.loadNpmTasks();
//注册任务
grunt.registerTask();
}
内容参见demo1

$ grunt #

运行成功，在目标目录下创建了一个压缩后的js，引用压缩后的js，效果一样。

实践2：加上css压缩的过程

1，在package.json使用命令加一个插件
npm install grunt-contrib-cssmin --save-dev #一开始使用npm install cssmin不对，下了两个

2，在Gruntfile.js中三个部分都加入cssmin相关的命令

3，运行grunt

注：如果已经在initConfig里配置了uglify和cssmin，则不能再注册任务名为uglify和cssmin，报错如下
(node) warning: Recursive process.nextTick detected. This will break in the next version of node.
Please use setImmediate for recursive deferral（递归延迟）.

解决办法：注释掉
//grunt.registerTask("uglify",['uglify']);
//grunt.registerTask("cssmin",['cssmin']);
grunt.registerTask("default",['uglify','cssmin']);//默认执行的任务

㈡ grunt压缩的css问价怎么解压缩

安装

1
要想使用grunt，首先必须将grunt-cli安装到全局环境中，打开控制台（注意：windows系统下请使用管理员权限打开），输入：
npm install -g grunt-cli
注意，mac os 系统、部分linux系统中，在这句话的前面加上“sudo ”指令。

2
回车，命令行会出现一个转动的小横线，表示正在联网加载。加载的时间看你网速的快慢，不过这个软件比较小，一般加载时间不会很长，稍一会儿，就加载完了。你会看到以下界面。

3
要验证一下grunt-cli是否安装完成并生效，你只需要继续在命令行中输入
“grunt”命令即可。如果生效，则会出现以下结果：
-- 可能不一样 --

END
创建一个简单的网站

1
首先，我在电脑的D盘下面建了一个“grunt_test”文件夹，里面建了三个空文件夹、两个空文档，名称如下图。（注意 Gruntfile.js 文件的首字母大写！）
devDependencies是什么意思？字面意思解释是“开发依赖项”，即我们现在这个系统，将会依赖于哪些工具来开发

2
先把package.json这个文件写一些东西
{ "name": "my", "version": "1.0.0", "devDependencies": {
}

3
接下来我们会有一系列插件的安装，他们的安装过程和grunt一样。但是他们的执行都是基于grunt的，因此才能把grunt叫做一个“构建工具”。

4
注意，这里安装grunt不再是全局安装了，需要你在控制台进入到网站或系统的具体目录下。这里我们进入 D:\grunt_test 目录下。然后输入以下命令。

5
应该第一时间打开package.json去看看，那里的“devDependencies”有什么变化。我这里的变化如下图，看看你的是不是和我的一样
然后你再看看文档目录中的文件或者文件夹有什么变化？我这里多了一个“node_moles”文件夹，其中有一个“grunt”文件夹，再其中有若干文档。这里就是存储grunt源文件的地方。

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

END
配置Gruntfile.js

1
Gruntfile.js 这个文件，肯定是为了grunt做某种配置的。按照grunt的规定，我们首先把Gruntfile.js配置成如下格式

END
Grunt插件

Contrib-jshint——javascript语法错误检查；
Contrib-uglify——压缩javascript代码
Contrib-cssmin——压缩css代码
Contrib-watch——实时监控文件变化、调用相应的任务重新执行；
Contrib-clean——清空文件、文件夹；
Contrib-——复制文件、文件夹
Contrib-concat——合并多个文件的代码到一个文件中
使用uglify插件（压缩javascript代码）。
安装uglify插件的方式，和安装grunt是一样的。还记得grunt是怎么安装的吗？

我们在现有的“src”文件夹中新建一个“test.js”，并随便写一些代码。显然，我们无法通过双手和键盘写出压缩后的代码。

第一步，在grunt.initConfig方法中配置 uglify 的配置参数
uglify:
{ target: { files: [{ expand: true,
cwd: 'src', src: ['*.js', '!*.min.js'], ext:
'.min.js' }] }}
)};
grunt.loadNpmTasks('grunt-contrib-uglify');grunt.loadNpmTasks('grunt-contrib-cssmin');grunt.registerTask('default',
['uglify', 'cssmin']);//使用grunt命令执行

以上说的这三步已经OK了，接下来我们去试试。在控制台中运行grunt命令，
控制台将输入如下信息：
现在好像没有 -- without errors --

㈢ 为什么用npm安装grunt一直不成功

你这个是安装好了, 然后在 grunt 运行的时候, 你的当前目录的配置文件不正确, 所以报错的.

不是因为你没有安装好...

grunt 的版本号,在你执行 install的时候,就有告诉你的.

㈣ 怎么在windows下安装grunt

在windows下安装grunt方法如下：

1、按Win+R，出现以下弹框。在弹框内输入cmd，调出DOS窗口。调出DOS窗口的方法很多，这里就不详细说明了。

注意事项：因为Grunt.js依赖于node.js的npm来管理和安装，所以，如果你还没有安装node.js，请查看怎么在windows下安装node.js

㈤ 为什么用npm安装grunt一直不成功

第一步：使用安装命令npm install -g grunt-cli出现以下情形，明显不正确。

第二部：验证一下，直接输入grunt -v果然出不来，求解决方案

你这个是安装好了, 然后在 grunt 运行的时候, 你的当前目录的配置文件不正确, 所以报错的.
不是因为你没有安装好...

㈥ 安装好grunt，cmd 提示"grunt不是内部或外部命令" 怎么办

（一）

去官网下载安装包 node-v6.9.2.msi，直接点击安装。

windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，默认路径是“C:\Program Files\nodejs”

安装后，npm也跟着安装完成。非常智能，以前还需要安装git 这个工具。

（二）

使用window+r,输入cmd。如果是w10系统，则需要以管理员身份运行cmd。

如果能正确显示版本号，则表示安装成功。

（三）

配置npm的全局模块的存放路径以及cache的路径。

（1）便在NodeJs下建立"node_global"及"node_cache"两个文件夹。

（2）启动cmd，输入

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

（3）系统变量下新建"NODE_PATH"，输入”C:\Program Files\nodejs\node_global\node_moles”

用户变量"PATH"修改为“C:\Program Files\nodejs\node_global\”

（三）

(1)安装grunt。

以管理员身份运行 如下命令

npm install -g grunt-cli

(2)

测试是否安装成功。

cmd,输入命令行 grunt -version，显示版本号即成功。

很多时候，会提示 “grunt不是内部或外部命令”，该怎么办呢？

这是因为我们虽然在 已经安装了grunt，但是没有指定正确的环境变量Path（用户变量或系统变量）。

例如，在我的系统中，gurnt.cmd 在 "C:\Program Files\nodejs\node_global"

那么，你可以在 "用户变量"或"系统变量"的Path 指定路径。

关闭后，重新启动cmd运行即可。

㈦ 在linux下怎么打包直接运行的node-webkit桌面应用

node-webkit 是一个很神奇的桌面客户端项目,正如这个项目的名字,这个项目是由node 和 webkit 构成,简单来说,就是你可以用HTML 5和 node 进行桌面客户端开发,而且客户端还是同时支持在 WIN,MAC,LINUX运行. 下面,就用一个简单的例子来展示一下node-webkit的魅力.

创建项目

本例子基于Grunt构建

如果,你用过grunt,要创建一个node-webkit 非常简单,我已经写好了一个node-webkit的grunt-init的项目模板. 至于怎么安装这个模板,跟官方的教程一样. 如果你是windows 用户

md %USERPROFILE%.grunt-init\node-webkit

git clone git@github:youxiachai/grunt-init-node-webkit.git %USERPROFILE%.grunt-init\node-webkit

linux or mac

git clone [email protected]:youxiachai/grunt-init-node-webkit.git ~/.grunt-init/node-webkit

你只需要用

grunt-init node-webkit

就可以创建完毕.

app.nw 这个目录就是我们准备要开始写的pc 客户端的项目文件夹,运行node-webkit项目很简单,只需要把node-webkit 的运行环境配置到环境变量,然后运行

nw app.nw 就可以运行起来了. nodewebkit1

PS: 如果你不想接触grunt,不过我建议还是学一下grunt,你可以到github/rogerwang/node-webkit#quick-start 学习如何启动一个node-webkit应用.

效果图

oscdesk1

oscdesk2

这个就是所谓的 win 8 风格的客户端了吧....界面用的框架是这货:aozora.github.io/bootmetro/ 90% 的时间都是调整界面...蛋疼死了......连个 win8 风格的progress 都没..让我非常伤心..也可能是alpha 的原因吧. 不过最后的效果,还是很难看,就凑合着过去吧....

开发

基于node-webkit 开发pc 客户端语言支持 c/c++,html5,css3, js,node api.好了,现在我们开始用html 5 + css3 写一个pc 客户端吧. node-webkit本质就是一个可以跑node 的浏览器,所以,我们用web 开发的技巧来开发pc 客户端毫无问题.

首先,打开toolbar,在package.json文件里面有个toolbar的参数,设置为true即可,就会见到如下图所示:

toolbar

点击那个三横线的按钮,一个chrome 风的调试窗口就出来了.

console

开发的时候,我们修改完文件,并不需要重新运行程序来看结果,我们,可以直接点击左边的刷新按钮即可看到我们修改的运行结果.用node-webkit开发客户端是不是很方便了!

那么接下来,要开发一个oschina pc 客户端,我们只需要知道,相关api 就行了,从android 客户端源码里面可以得到相关api...具体代码在app/model/oschinaApi.js 文件里面.

node-webkit,已经吧相关的安全限制已经去掉,所以说,用node-webkit开发pc客户端,用webkit 发的请求不受同源限制. 用node-webkit 开发一些restful 应用是非常舒服的事情,只要有个不错的界面.关于node-webkit的东西也就这么些了,剩下的就是web 开发,不在本文node-webkit范围内,所以就不再啰嗦..

㈧ 如何在CentOS / RHEL 7/6/5安装Grunt

Grunt （JavaScript的任务运行）是一个自动化工具来执行像编译、单元测试等Grunt有插件一长串执行任务，重复任务。在本教程中，您将学习如何安装Grunt与Grunt-cli 在CentOS / RHEL 7/6/5系统。
1. 安装Node.js和NPM
如果你已经拥有Node.js和NPM系统上安装跳过此步骤。 否则你需要先在系统上安装Node.js。使用以下命令集你在CentOS，RHEL系统上安装Node.js和NPM。 # yum install -y gcc-c++ make # curl -sL https://rpm.nodesource.com/setup_6.x | sudo -E bash - # yum install nodejs

2. 安装使用Grunt NPM
现在，使用下面的命令来安装Grunt和GruntCLI使用NPM命令行工具。 # npm install -g grunt
安装成功后，请确保Grunt已安装成功，并检查版本。 $ grunt --version grunt-cli v1.2.0

㈨ liunx下安装sudo npm install -g grunt-cli报错

我就按照如下 来的
说实话，最好的教程还是官方的。目前我使用的版本是v0.4.1。安装grunt需要先安装node.js。现在node的安装也很方便，下载下来直接安装完成之后，在cmd下测试node --version和npm --version是否正确显示即可。