首页 >web前端 >js教程 >webstorm中配置nodejs环境及npm步骤详解

webstorm中配置nodejs环境及npm步骤详解

php中世界最好的语言
php中世界最好的语言原创
2018-05-21 14:27:0812543浏览

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

——nodejs安装及环境配置

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

2.测试安装是否成功:

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

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

3.配置全局

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

设置环境变量变量名:NODE_PATH

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

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

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

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

—— webStorm中的nodejs配置

1.安装webstorm, 设置字体。

file-》setting-》editor-》color&font

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

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

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

看一下是否加入了。

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

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

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

有时候还要勾选node.js global

就完成自动提示了

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

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

推荐阅读:

AngularJS中$http服务使用方法详解

Linux Centos7.2内安装nodejs&npm配置全局路径步骤详解

以上是webstorm中配置nodejs环境及npm步骤详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn