nodeJS npm grunt grunt-cli

68 阅读 0 评论 45 点赞

我是靠谱客的博主如意金针菇，最近开发中收集的这篇文章主要介绍nodeJS npm grunt grunt-cli，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.安装好nodeJS后 ,一般都会把npm也安装好的，nodeJs集成npm的，可通过在cmd 分别执行 node -v和 npm -v来查看他们的版本号，如果显示可说明可继续下面的操作

2.想安装grunt一般可以直接在cmd里面执行 npm install grunt grunt-cli 【然而除了第一次我这么写可以生效外，后来都没成功过，什么鬼？我也不知道，可以改成这样写：

	npm install -g grunt-cli     安装全局grunt-cli

	npm install -g grunt    安装全局grunt

】 ,这个意思是通过npm来安装[install 全局[-g]的grunt 以及grunt的客户端[cli]，也可以卸载掉grunt npm uninstall -g grunt

3.查看是否安装好了grunt，可通过cmd执行 grunt -version来查看grunt的版本如果显示如：grunt-cli v0.1.9grunt v0.4.1两条包括客户端和grunt的信息，那么说明grunt安装好了

4.现在已经安装好了grunt，当下我们要新建项目，那么如何制定项目文件呢？在cmd里面输入"f:" 这里的意思是进入f盘，当然如果你的项目在其他盘同理，再cmd里面输入 "cd pathname"[进入f盘下的项目目录]

5.在我的电脑里面打开项目文件新建package.json文件[用于管理依赖插件]，

添加如下内容：参数可参考

{

"name":"my-project-name", //项目名称

"version":"0.1.0", //项目版本

"devDependencies": //依赖文件

{

"grunt":"~0.4.1", //”工具文件名“：”~工具文件名版本“

"grunt-contrib-jshint":"~0.6.0",

"grunt-contrib-nodeunit":"~0.2.0",

"grunt-contrib-uglify":"~0.2.2"

}}

6.添加了package.json文件后，需要通过npm来执行操作

接着4的步骤，输入'npm install' 回车来安装package.json里面的插件

7.安装了packge.json里面的，现在回到我的电脑->项目文件夹->新建文件Gruntfile.js来操作package.json里面的工具插件

添加内容如下：参考参数

module.exports = function(grunt)
{
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),//导入package.json
concat : { //需要执行的插件名
webqq : { //项目名
files : { //将被操作的文件名
'dist/main.js' : ['main.js','drag.js','scale.js','range.js']
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-concat');//加载插件
grunt.registerTask('default', ['concat']);//执行插件
};