IDEA中配置运行node.js的完整过程

 更新时间:2022年10月18日 11:16:00   作者:程光CS  
为了使在终端使用npm,我们可以配置环境变量,这篇文章主要给大家介绍了关于IDEA中配置运行node.js的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

前言

idea中支持运行很多种编程语言,只需要在电脑中安装好对应的语言环境,然后在idea的setting->plugins中下载安装对应的语言插件,最后再在setting->languages&frameworks中找到对应语言然后配置好已安装的语言编译器路径即可。

例如node.js

1.在电脑中安装node.js

直接去官网下载安装:https://nodejs.org/zh-cn/

安装完成后用node --verison命令检查,显示了版本号就说明安装成功了。

并且现在node.js安装包自带了npm,在命令行中执行npm -v命令也能看到npm的版本号,但是安装时不会自动给npm配置全局安装包路径的环境变量(不配的话运行js程序时可能会报找不到包的错误)。先用npm list -g命令显示出全局安装包路径,然后在系统环境变量中添加一个NODE_PATH变量把这个路径添加进去就行了。

如果想修改全局npm安装包的路径可参考:https://www.jb51.net/article/168993.htm

2.在idea的File->setting->plugins中下载node.js支持插件

在plugins中搜索node就能看到啦,点击install安装即可

3.在File->setting->languages&frameworks中配置已安装的node.js路径和安装包管理器npm的路径

打开setting->languages&frameworks找到node.js,分别配置已安装的node.js路径和npm的路径,npm一般在安装node.js时就自带了,并且idea一般能够自动识别已安装的路径,点击下拉然后选择就行了。

配置完毕,现在在idea中就可以愉快的编写运行js程序啦

4.关于npm包管理的问题

值得注意的是,可能会遇到在命令行中能运行但是在idea中运行却报错找不到包的问题,这是大概率是因为在安装包时是进行的局部安装而不是全局安装,npm中有两种安装包的方式,如下

局部安装

命令

npm install xxxx

npm会在执行局部安装命令的目录下创建一个node_modules目录并安装在此目录中,只有执行命令的目录或其子目录中的js程序能够访问到局部安装的包。npm list是列出当前目录下局部安装的包。

全局安装

要想在任何位置都能使用到安装的包则需要在安装时加一个全局命令 -g

npm install xxxx -g

全局安装的包直接安装到计算机中,只需安装一次,以后在计算机的任何位置都可以使用这个包;npm list -g是列出全局安装的包,同时也会显示全局安装的路径。全局安装包的目录一般都是在用户目录的Appdata目录下,如C:\Users\syc\AppData\Roaming\npm

参考文章:https://www.jb51.net/article/265287.htm

如果还是报错找不到包,则可能是全局安装包的路径没有配置到环境变量中,需要配置一下。

总结

到此这篇关于IDEA中配置运行node.js的文章就介绍到这了,更多相关IDEA配置运行node.js内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解Node.js中的模块化方法

    详解Node.js中的模块化方法

    这篇文章主要为大家介绍了Node.js的模块化,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-01-01
  • 关于Node.js中Buffer的一些你可能不知道的用法

    关于Node.js中Buffer的一些你可能不知道的用法

    网上关于Node.js中Buffer用法的文章有很多,但是感觉还是不够详细,所以这篇文章主要介绍了关于Node.js中Buffer的一些你可能不知道的用法,文中介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-03-03
  • nodejs后台集成ueditor富文本编辑器的实例

    nodejs后台集成ueditor富文本编辑器的实例

    本篇文章主要介绍了nodejs后台集成ueditor富文本编辑器的实例,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07
  • 基于nodejs的雪碧图制作工具的示例代码

    基于nodejs的雪碧图制作工具的示例代码

    雪碧图就是把很多小图标合并为一张图片,这篇文章主要介绍了基于nodejs的雪碧图制作工具的示例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • pm2发布node配置文件ecosystem.json详解

    pm2发布node配置文件ecosystem.json详解

    这篇文章主要介绍了pm2发布node配置文件ecosystem.json详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • nodejs中使用HTTP分块响应和定时器示例代码

    nodejs中使用HTTP分块响应和定时器示例代码

    本文通过示例将要创建一个输出纯文本的HTTP服务器,输出的纯文本每隔一秒会新增100个用换行符分隔的时间戳。实例代码非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-03-03
  • 使用Node.js搭建Vue项目的详细步骤

    使用Node.js搭建Vue项目的详细步骤

    Vue.js 是一款流行的 JavaScript 框架,而 Node.js 提供了一个强大的运行环境,两者的结合使得开发者可以轻松构建现代化的前端项目,本文将介绍如何使用 Node.js 搭建一个基本的 Vue 项目,需要的朋友可以参考下
    2023-12-12
  • node.js环境搭建图文详解

    node.js环境搭建图文详解

    Node.js 是一个让 JavaScript 运行在服务端的开发平台,小编在空闲时间就研究nodejs的相关知识,下面是本文给大家带来的node.js环境搭建教程图解,感兴趣的朋友跟随小编一起学习吧
    2018-09-09
  • Express的HTTP重定向到HTTPS的方法

    Express的HTTP重定向到HTTPS的方法

    本篇文章主要介绍了Express的HTTP重定向到HTTPS的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • 使用nvm安装node的详细图文教程

    使用nvm安装node的详细图文教程

    nvm是nodejs的版本管理工具,可以在一个环境中同时安装多个nodejs 版本(和配套的 npm 版本),并随时切换,下面这篇文章主要给大家介绍了关于使用nvm安装node的详细图文教程,需要的朋友可以参考下
    2023-02-02

最新评论