npm webstorm配置_怎样使用webstorm中配置nodejs环境及npm

本文详细介绍了如何在WebStorm中配置Node.js环境和npm。首先,从Node.js官网下载并安装Windows版,通过命令行验证安装成功。接着,创建全局文件夹并设置环境变量。在WebStorm中,设置字体、安装Node.js插件,检查环境变量,并在Run/Editor Configurations中配置Node.js路径。同时,通过设置JavaScript库和编码格式实现代码提示和UTF-8编码。
摘要由CSDN通过智能技术生成

这次给大家带来怎样使用webstorm中配置nodejs环境及npm,使用webstorm中配置nodejs环境及npm的注意事项有哪些,下面就是实战案例,一起来看一下。

——nodejs安装及环境配置

1.nodejs官网,下载windows平台nodejs环境安装包(.msi格式),安装

2.测试安装是否成功:

cmd操作,进入node安装根目录下:

node -v ; npm -v 查看版本号

cf77fee1502ac7506862477ace8f430a.png

3.配置全局

在node的安装的根目录,也就是nodejs文件夹下新建两个名字为node_cache、node_global文件夹

8b349c913cc2590c6a223f1fa9e0509c.png

设置环境变量:变量名:NODE_PATH

值:D:\Program Files\nodejs\node_global\node_modules

注意:因为我是把nodejs安装在D:\Program Files\目录下,所以环境变量就这样设置的

3295d5353858d74a1e140fc9dba86b4f.png

检查node环境是否配置成功:

cmd进入任何目录下,验证node和npm版本号

08430063746e46098844a72019a6596e.png

—— webStorm中的nodejs配置

1.安装webstorm, 设置字体。file-》setting-》editor-》color&font

主题字体什么的都可以在这里设置。

2.安装nodejs一直下一步就可以。

环境变量估计是自动的保险起见,可以去查看一下path

看一下是否加入了。

2b65a6ce55b28c4c7e4ce6c0c82895bc.png

在run-》editor configurations-》找到nodejs安装包

在nodejs官网download下载源码,然后

file-》settings-》Language&framework-》JavaScript-》libraries 添加源码

6053bb6b847ff62dbb8326a5cffd6d75.png

有时候还要勾选node.js global

就完成自动提示了

在file-》settings输入enc 弹出encoding格式设置为utf-8即可

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值