Windows 7下Node.js与WebStorm 9.0.1配置LESS编译教程

本教程详细介绍了如何在Windows 7环境下安装Node.js，并配置WebStorm 9.0.1来支持LESS编译。以下是安装与配置的步骤： 1. 首先，访问Node.js官网（<http://www.nodejs.org/>），选择适用于64位系统的"node-v0.10.33-x64.msi"进行下载，安装时建议保持默认路径，即C:\ProgramFiles\nodejs。 2. 安装过程中，可以通过命令行验证Node.js和npm是否成功安装。在cmd中输入"node-v"，如果返回版本号，说明Node.js安装成功；输入"npm-v"，显示版本号则表示npm也安装妥当。 3. 进入Node.js安装目录（C:\ProgramFiles\nodejs），通过命令行执行"npminstall less-g"来安装LESS编译器。安装完成后，LESS组件将存在于C:\Users\wind\AppData\Roaming\npm\node_modules目录下。 4. 安装完毕后，切换到WebStorm 9.0.1。打开一个包含LESS文件的项目，如"default.less"，以便配置编译功能。 5. 在WebStorm中，点击"File"（文件）-> "Settings"（设置），在左侧菜单中找到并展开"External Tools"（外部工具）。点击"+"添加新的工具，命名为"LESS"。在"Tool settings"部分，指定以下参数： - Program: 指定Node.js的可执行文件路径，即"C:\ProgramFiles\nodejs\node.exe"。 - Parameters: 输入LESS编译器的路径，包括文件名："C:\Users\Administrator\AppData\Roaming\npm\node_modules\less\bin\lessc"，然后是$FilePath$（当前文件路径）和$FileDir$\$FileNameWithoutExtension$（去掉扩展名的文件名）。 6. 保存设置后，可以在WebStorm的右键菜单中找到"LESS"选项，通过它来编译LESS文件为CSS。现在，你已经成功地在Windows 7的WebStorm 9.0.1环境中配置了LESS编译环境，可以方便地处理LESS样式文件了。 这个教程对于那些希望在Windows 7上开发前端项目，同时利用WebStorm进行LESS编译的开发者来说，是一个实用且易懂的指南。通过跟随教程的步骤，不仅能够学习到Node.js和LESS的安装和配置方法，还能提高在WebStorm中的开发效率。