We're still looking for a way to enforce the auto formatting of WebStorm to use a apply a few rules: To learn more about running and debugging Node.js in WebStorm and other. The errors will be displayed inline by red squiggly lines. WebStorm provides a built-in debugger for your client-side JavaScript code that works with Chrome or any other browser of the Chrome family. When started with the -inspect switch, a Node.js process listens for a.
Now your files will be checked by JSCS using the Airbnb style guide. This will enforce the correct indentation. In the tab spaces, under "Before Parentheses" uncheck "In function expression". Make sure you have Use tab character unticked in the first tab and set the Tab size to 2. If your preferences, go to Editor > Code Style > JavaScript. References are similar to hyperlinks in HTML: we add some meta-information on the code side. Your files will now be checked against the Airbnb code style. WebStorm uses the Reference abstraction for that purpose. Go to your preferences > Languages & Frameworks > JavaScript > Code Quality Tools > JSCS.Ĭhoose your Node interpreter and JSCS package if they are not filled in yet.Īt the bottom you can choose your code style preset, choose "Airbnb". Click "Browse repositories." in the bottom of the window.
#WEBSTORM JAVASCRIPT INSTALL#
To enable style guide checking with JSCS in WebStorm, we need to install the plugin. This installs JSCS globally and can be executed everywhere on your system. Open your terminal and execute: npm install jscs -g If you have Node.js installed you can install JSCS. In order to able to run JSCS you need to install Node.js.
It will validate our open JavaScript files with the Airbnb style guide and gives appropriate warnings and errors on the parts you can improve to your code.įirst things first, we have to install JSCS. JSCS has a plugin available for WebStorm. The great thing about JSCS is that there is an Airbnb preset that checks all the rules Airbnb enforces. JSCS is a Node.js based tool which can check different style guides. Luckily there are tools which can check our files for consistency. It takes a lot of time to so manually and it would be a lot better if we had a way check our documents automatically. You can read the style guide a couple of times and apply it to your code, but that is nearly impossible to keep checking all the rules from the top of your head. Simply because it appealed to us and is a solid, maintained base which is being improved by a great community. We at Blue Mango decided to go with Airbnb's style guide for JavaScript. You can use different code styles, the most important thing is to stick to one code style. Having a consistent style in your code is important for maintaining readablility and makes the code easier to understand.
#WEBSTORM JAVASCRIPT UPDATE#
Update 09/2016: Looking to set up ESLint instead of JSCS?
0 kommentar(er)
