webstorm配置nodejs

时间: 2023-10-16 13:07:00 浏览: 109

Windows7下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境的图文教程

### Windows 7 下安装 Node.js 的知识点 1. **Node.js 官网访问**：访问 Node.js 的官方网站，这是获取 Node.js 的正确渠道。 2. **选择下载版本**：根据自己的系统位数（32位或64位），选择适合的安装包。本教程中提到的是 64 位版本，下载的是 "node-v0.10.33-x64.msi" 文件。 3. **安装 Node.js**：下载完成后，运行安装程序 "node-v0.10.33-x64.msi" 并使用默认选项进行安装。安装路径通常是 "C:\Program Files\nodejs\"。这一步骤简单明了，通常只需要几次点击就能完成。 4. **验证安装**：打开命令提示符（cmd），输入 "node -v" 和 "npm -v" 来检查 Node.js 和 npm（Node.js 的包管理工具）是否正确安装。成功安装后，系统会显示对应版本号。 ### 在 WebStorm 9.0.1 下搭建编译 LESS 环境的知识点 1. **WebStorm 9.0.1 简介**：WebStorm 是由 JetBrains 公司开发的一款功能强大的 IDE（集成开发环境），专为开发前端、Web 应用和移动应用而生。其强大的编辑器、代码质量控制和对前端技术的广泛支持，使其成为前端开发者的首选。 2. **安装 LESS 组件**：在 Windows 命令提示符中输入 "npm install -g less" 来全局安装 LESS 编译工具。安装完成后，LESS 组件会存在于 "C:\Users\用户名\AppData\Roaming\npm\node_modules" 目录下。 3. **配置 WebStorm 设置**：打开 WebStorm，通过 "File" -> "Settings" 进入设置界面，找到 "External Tools"（外部工具）并点击 "+" 添加一个新的外部工具。 4. **设置 External Tool**：在添加外部工具的界面中，需要填写以下参数： - **Name**：工具的名称，这里填写 "LESS"。 - **Program**：Node.js 的可执行文件路径，通常是 "C:\Program Files\nodejs\node.exe"。 - **Parameters**：编译 LESS 文件的参数。需要指定编译器路径和输出文件名，如 "C:\Users\Administrator\AppData\Roaming\npm\node_modules\less\bin\lessc$FilePath$ $FileDir$\$FileNameWithoutExtension$.css"。 - **Working Directory**：工作目录，这里使用安装 Node.js 的目录，即 "C:\Program Files\nodejs\"。 5. **设置快捷键**：在设置界面中，进入 "Keymap"（快捷键），找到 "External Tools" 并设置快捷键。本文中是 "Alt+B"，代表触发 LESS 文件编译至 CSS 文件的操作。 6. **使用快捷键编译 LESS**：在 WebStorm 中打开 LESS 文件，然后按下设置的快捷键（本例中为 "Alt+B"），系统会自动将 LESS 文件编译成相应的 CSS 文件，文件名默认为原 LESS 文件名去掉扩展名后加上 ".css"。 ### 知识点总结 - 在 Windows 7 系统上安装 Node.js 可以从其官方网站下载适合的 64 位版本的 MSI 安装包。 - 安装完毕后，通过命令行工具验证 Node.js 和 npm 是否安装成功，并确认其版本。 - LESS 是一种动态样式表语言，可以用来将 LESS 文件编译为 CSS 文件，WebStorm 作为一款强大的 IDE，支持这种编译操作。 - WebStorm 中的 "External Tools" 功能可以配置命令行工具，执行编译等任务。 - 通过设置快捷键，可以提高开发效率，一键编译 LESS 文件。该教程详细地介绍了在 Windows 7 操作系统下安装 Node.js 环境，以及在 WebStorm 9.0.1 中搭建 LESS 编译环境的步骤和要点。对于前端开发人员来说，理解和掌握这些知识点，可以有效地提高工作效率。

1. 打开WebStorm，点击File > Settings (Windows) 或 WebStorm > Preferences (macOS)。 2. 在左边的菜单中选择Languages & Frameworks > Node.js and npm。 3. 在Node.js interpreter一栏中点击+号，选择本地安装的Node.js版本。 4. 在npm package manager一栏中点击+号，选择npm，并确定。 5. 点击Apply 和 OK 按钮保存设置。配置完成后，你就可以在WebStorm中使用Node.js了。

阅读全文

webstorm配置nodejs

相关推荐

Webstorm配置WSL为默认终端并安装配置Node.js

WebStorm中配置Node.js环境与npm实战指南

webstorm配置nodejs环境

使用webstorm开发nodejs.pdf

Webstorm+Nodejs+MongoDB的博客管理系统

webstorm设置nodejs

webstorm配置支持nodejs并自动补全的方法

webstorm中配置nodejs环境及npm的实例

nodejs+express+webstorm配置及安装

Webstorm使用WSL作为默认的Terminal并配置nodejs.docx

webstorm配置eslint

webstorm配置node

webstorm配置npm运行

webstorm配置node.js

cypress-intellij-reporter:中间 mocha 报告器，用于在 WebStorm 和其他具有 NodeJS 支持的 IntelliJ IDE 中启用 Cypress 支持

nodejs-webstorm:WebStorm中的Node.js开发工作流程

在webstorm中配置less的方法详解

Node.js环境搭建与配置指南

Node.js环境搭建与配置教程

最新推荐

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

dnSpy-net-win32-222.zip

GitHub图片浏览插件：直观展示代码中的图像

管理建模和仿真的文件

【OPPO手机故障诊断专家】：工程指令快速定位与解决

求[100，900]之间相差为12的素数对（注：要求素数对的两个素数均在该范围内）的个数

Android IPTV项目：直播频道的实时流媒体实现

"互动学习：行动中的多样性与论文攻读经历"

【OPPO手机工程模式终极指南】：掌握这些秘籍，故障排查不再难！

前端在json文件里写模板，可以换行 有空格现在在文本框的时候

前端在json文件里写模板，可以换行有空格现在在文本框的时候