gruntjs:如何安装并开始使用 grunt？

Question

我已经使用命令在 ubuntu 中安装了 grunt:

npm install -g grunt
npm install -g grunt-cli

但是现在如果我尝试执行 grunt init ，它会抛出一个错误。

找不到有效的 Gruntfile。有关如何配置 grunt 的更多信息，请参阅入门指南:http://gruntjs.com/getting-started fatal error :无法找到 Gruntfile。

Answer 1

grunt 本身没有“init”命令。

为了使用 grunt，您需要一个 Gruntfile.js 和 package.json 文件

已更新

您可以通过以下简单步骤设置 grunt:

1:

npm init

运行上述命令后，系统会提示您一些问题。现在您可以继续并按“Enter”键直到完成。

已创建一个名为 package.json 的新文件。

此文件包含有关项目的信息以及依赖项列表。

2:

grunt 有许多不错的软件包，例如 jshint。让我们使用以下命令安装它:

npm install grunt-contrib-jshint --save 

现在创建了一个“node_modules”目录，其中包含 grunt/jshint。

--save 标志还将 jshint 添加到了我们的 package.json 文件中。

<小时/>

现在我们需要设置Gruntfile.js:

创建一个名为 Gruntfile.js 的文件，其中包含以下内容:

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    jshint: {
      all: ['Gruntfile.js', '1.js']
    }
  });
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.registerTask('default', ['jshint:all']);
};

请注意，我们正在告诉 jshint 要处理哪些文件，并且我们正在加载 jshint 任务，

并注册“默认”任务(在控制台中输入“grunt”时)。

创建一个名为1.js的文件，然后运行:

grunt

您将看到新任务正在运行(提示 .js 文件)

<小时/>

请参阅这个不错的“grunt 初学者指南”tutorial ，了解以下概念:

node_modules/
package.json
Gruntfile.js