Grunt In this section: • • • • • • • • • • • • • • • Basics PhpStorm provides integration with the. Grunt support involves: • Parsing Gruntfile.js files, recognizing definitions of tasks and targets. • Building trees of tasks and targets.

To install Grunt.js on OSX 10.10 Yosemite you first need to have already installed node.js and npm, which can be done easily with a point and click install. Grunt has to be installed globally and then locally to separate projects, the global install is the grunt-cli which has to be installed as a root/admin user and this allows the local install of grunt to a project folder.

• Navigation between a task or a target in the tree and its definition in the Gruntfile.js file. • Running and debugging tasks and targets. • Configuring the task execution mode and output. Preparing to install Grunt • Download and install. The runtime environment is required for two reasons: • The Grunt task runner is started through Node.js. • NPM, which is a part of the runtime environment, is also the easiest way to download the Grunt task runner. If you are going to use the command line mode, make sure the path to the parent folder of the Node.js executable file and the path to the npm folder are added to the PATH variable.

This enables you to launch the Grunt task runner and npm from any folder. • Install and enable the NodeJS plugin. The plugin is not bundled with PhpStorm, but it can be installed from the JetBrains plugin repository as described in. Installing Grunt To use Grunt in a PhpStorm project, you need two packages: • A globally installed grunt-cli package (Grunt command line interface) for executing Grunt commands. • A grunt package installed in the project to build the project tasks tree and provide coding assistance while editing the Gruntfile.js or Gruntfile.coffee file. Learn more about Gruntfile.json at. Top cd and dvd burner for mac high sierra.

These packages can be installed either in the command line mode or through the PhpStorm user interface. In either case, installation is performed via npm. Installing the Grunt command line interface The Grunt Command Line Interface is implemented in the grunt-cli package which should be installed globally to make the functionality available in any PhpStorm project and from any folder. Do one of the following: • Run the installation from the command line in the global mode: • Launch the embedded Terminal ( View Tool Windows Terminal or by hovering your mouse pointer over in the lower left corner of PhpStorm and choosing Terminal from the menu • Switch to the directory where NPM is stored or define a PATH variable for it so it is available from any folder, see. • Type the following command at the command line prompt. Npm install -g grunt-cli The -g key makes the task runner run in the global mode.

Because the installation is performed through NPM, the Grunt task runner is installed in the npm folder. Make sure this parent folder is added to the PATH variable. This enables you to launch the task runner from any folder. For more details on the NPM operation modes, see. For more information about installing the Grunt task runner, see.

• Run NPM from PhpStorm using the Node.js and NPM page of the Settings dialog box. • Open the by pressing Ctrl+Alt+S or by choosing File Settings for Windows and Linux or PhpStorm Preferences for macOS, and click Node.js and NPM under Languages & Frameworks. • On the Node.js and NPM page that opens, the Packages area shows all the Node.js-dependent packages that are currently installed on your computer, both at the global and at the project level. • In the Available Packages dialog box that opens, select the required package to install. • Select the Options check box and type -g in the text box next to it.

• Optionally specify the product version and click Install Package to start installation. Installing Grunt in a project At the project level, the basic Grunt functionality is implemented in the grunt package. The package is responsible for building project trees of Grunt tasks and for coding assistance in editing the Gruntfile.js file. Do one of the following: • Run the installation from the command line: • Launch the embedded Terminal ( View Tool Windows Terminal or by hovering your mouse pointer over in the lower left corner of PhpStorm and choosing Terminal from the menu • Switch to the project root folder and type the following command at the command line prompt. Npm install grunt • Run NPM from PhpStorm using the Node.js and NPM page of the Settings dialog box. • Open the by pressing Ctrl+Alt+S or by choosing File Settings for Windows and Linux or PhpStorm Preferences for macOS, and click Node.js and NPM under Languages & Frameworks. • On the Node.js and NPM page that opens, the Packages area shows all the Node.js-dependent packages that are currently installed on your computer, both at the global and at the project level.