Windows7 install Nodejs under the Webstorm 9.0.1 and set up a graphics and text tutorial for compiling less environment _win server

Source: Internet
Author: User

1, open Nodejs official website http://www.nodejs.org/, point "DOWNLOADS", point 64-bit Download "Node-v0.10.33-x64.msi".

2. After downloading, double-click "Node-v0.10.33-x64.msi", install Nodejs by default option, the default installation path is: C:\Program Files\nodejs.

(Please install according to the number of system digits)

3, "Start"-->cmd, open the CMD program, input "Node-v", appear "v0.10.33"; Enter "Npm-v" and "1.4.28" to show that Nodejs and NPM have been installed successfully.

4, "Start"-->cmd, open the CMD program, enter the "CD C:\Program Files\nodejs", into the Nodejs installation directory. Enter the NPM install LESS-G carriage return and install the less component. Wait a moment, when you are done, you will find the less component in the C:\Users\wind\AppData\Roaming\npm\node_modules directory.

Now that the Nodejs and configuration less components have been basically completed under the Windows7 x64 system, we then configure Webstorm 9.0.1 to compile the less file into a CSS file.

5, open the JetBrains webstorm 9.0.1 program, opened a project containing leess, the project contains "default.less" file.

6, File-->settings (set), open the Settings option. Locate the External Tools extension Tool Settings item, click "+" on the right, enter "less" in the name Bar, and "Tool settings" Enter the following:

Program:c:\program files\nodejs\ Node.exe (the file where you installed the directory)

PARAMETERS:C:\USERS\ADMINISTRATOR\APPDATA\ROAMING\NPM\NODE_MODULES\LESS\BIN\LESSC $FilePath $ $FileDir $\$ FILENAMEWITHOUTEXTENSION$.CSS (username default Administrator, change if change, and paste this line)

Working Directiry:c:\program Files\nodejs (the directory you installed)

Verify that the "OK" button at the bottom right of the point is entered correctly. Then click the Apply button at the bottom right of the settings version.

7, in the settings panel at the top of the input "key" to find the shortcut key settings "Keymap" (shortcut key), on the right to find "External tools" (external tools) point open, click the "Less" and right-click, select "ADD keyboard shortcut , press the "Alt+b" key at the same time as "Stroke" in its panel, setting "Alt+b" as the shortcut key to compile the less file into a CSS file. Of course, you can set the other shortcut keys according to your actual situation. Confirm the "OK" button at the bottom right of the settings panel.


8, back to open the Default.less file, press the "alt+b" shortcut key to see "Default.css" is not generated!

The less file has been successfully compiled into a CSS file.

The above is a small set to introduce the WINDOWS7 under the installation of Nodejs and under the Webstorm 9.0.1 to build a compiled less environment graphics and text tutorials, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.