Posted up a new video on how to integrate Grunt and Bower with IntelliJ IDEA on Windows. The video covers the whole process from start to finish while highlighting some key trouble spots along the way.
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Setting up IntelliJ IDEA with Grunt and Bower on Windows
1. Using Grunt and Bower with IntelliJ
IDEA on Windows
Presented By: Eric W. Greene
@ericwgreene
http://www.ericwgreene.com
2. Grunt and Bower with IntelliJ IDEA
The Essentials
• IntelliJ IDEA is a widely popular integrated development environment
that supports many languages, frameworks and runs on many different
operating systems
• Grunt and Bower are very popular and useful Node.js packages that
make software development more efficient
• Grunt - is a JavaScript Task Runner, http://gruntjs.com/
• Bower - a package manager for the web, http://bower.io/
• Using these two tools within IntelliJ IDEA allows the developer to
leverage the benefits of all three tools
• Why this video? There is a lot of documentation on the web concerning
IntelliJ IDEA, Grunt and Bower - but there are no specific and concise
instructions on how to easily integrate these three tools together on
Windows
3. Grunt and Bower with IntelliJ IDEA
Road Map
• The video assumes you are on Windows and you have Node.js and IntelliJ IDEA
Ultimate installed. Also, the the Node.js plugin for IntelliJ IDEA must be enabled
• We will…
• Setup a New Static Web Project in IntelliJ IDEA
• Create a www project folder and add a .bowerrc file
• Open a Node.js command prompt, change to the module folder
• Install the Node package grunt-cli globally
• Add the global node package path to the system path
• Install the Node packages grunt, connect, and serve-static locally
• Use bower to install bootstrap
• In IntelliJ IDEA
• Create an index.html file
• Create a Gruntfile.js
• Run the default Grunt task to launch a Node.js Connect web server and
then view the index.html page in a web browser