Java开发平台IntelliJ IDEA教程:与Node.js集成

翻译|使用教程|编辑:吴园园|2019-10-18 10:43:57.113|阅读 28 次

概述:本系列教程内容为如何将IntelliJ IDEA与您喜欢的语言,平台或框架结合使用。IntelliJ IDEA与Node.js集成,可在配置,编辑,运行,调试,测试,性能分析和维护应用程序方面提供帮助。

相关链接:

IntelliJ IDEA是Java语言开发的集成环境,IntelliJ在业界被公认为优秀的Java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面的功能可以说是超常的。

 IntelliJ IDEA现已更新至2019.2版本,新版本改进了java13预览等20余项功能,提高了开发效率,赶快下载体验吧~(点击查看更新详情)

点击下载IntelliJ IDEA最新试用版

Node.js

仅Ultimate Edition 支持此功能。

Node.js是一个轻量级的运行时环境,用于在服务器端执行JavaScript。IntelliJ IDEA与Node.js集成,可在配置,编辑,运行,调试,测试,性能分析和维护应用程序方面提供帮助。

如果您仅需要Node.js作为应用程序的本地运行时或管理npm软件包,运行JavaScript linter,构建工具,测试框架等的本地运行时,则只需安装Node.js即可。如果遵循标准安装过程,则大多数情况下IntelliJ IDEA会检测到Node.js本身。

即使计算机上没有Node.js,也可以在“ 创建新项目”对话框的“ 新建项目向导 ”中创建新的Node.js应用程序时进行安装。

如果要在多个Node.js安装之间切换,则需要将Node.js配置为本地解释器。

要远程运行Node.js应用程序,请将其配置为远程解释器。见 的Node.js与码头工人,Node.js的通过SFTP,通过SSH的Node.js和Node.js的与流浪汉的细节。

要配置Node.js解释器, 如管理插件中所述, 在“ 插件”页面上安装NodeJS插件。

配置本地Node.js的解释

  1. 在“ 设置/首选项”对话框(Ctrl+Alt+S)中,转到“ 语言和框架” | Node.js和NPM。

  2. 在打开的 Node.js和NPM 页面上,单击浏览按钮 “ 节点解释器”列表旁边的。

  3. 在打开的Node.js解释器对话框(其中列出了所有当前配置的解释器)中,单击添加按钮工具栏上的。在打开的对话框中,从上下文菜单中选择“ 添加本地”,然后选择Node.js的本地安装,然后单击“ 确定”。您将返回到“ Node.js解释器”对话框,其中“ 节点解释器”只读字段显示所选解释器的路径。

  4. 在“ 包管理器”字段中, 选择要在当前项目中使用的程序包管理器(npm或Yarn)。

    当您单击OK时,您将返回Node.js和NPM页面,其中Node解释器字段显示新的解释器。

使用Node.js的系统版本

使用IntelliJ IDEA,您可以将默认系统节点别名设置为项目的Node.js版本。这意味着,如果您安装新的节点版本并将其设置为系统的默认版本,则IntelliJ IDEA中在Node.js解释器字段中指定了此系统别名的所有工具和运行配置都将使用此较新版本。

使用nvm时,此功能特别有用 。

  1. 在“ 设置/首选项”对话框(Ctrl+Alt+S)中,转到“ 语言和框架” | Node.js和NPM。

  2. 从“ 节点解释器”列表中,选择“ 节点”。

    Java开发平台IntelliJ IDEA教程:与Node.js集成

  3. 在适用的情况下,例如在您的运行/调试配置或特定工具的设置中,指定此新的Node.js解释器。

在Linux子系统的Windows子系统上使用Node.js

IntelliJ IDEA使您可以在Windows Subsystem for Linux上使用Node.js运行和调试Node.js应用程序。您可以选择WSL上的Node.js作为当前项目的默认解释器, 也可以在Node.js运行/调试配置中配置和使用此节点版本。

将WSL上的Node.js配置为默认项目节点解释器

  1. 在“ 设置/首选项”对话框(Ctrl+Alt+S)中,转到“ 语言和框架” | Node.js和NPM。

  2. 单击浏览按钮“ 节点解释器”字段旁边的,在打开的“ Node.js解释器”对话框中,单击添加按钮,然后从列表中选择“ 添加WSL ”。

    Java开发平台IntelliJ IDEA教程:与Node.js集成

  3. 打开的“ 添加WSL节点解释器”对话框中,选择您正在使用的Linux发行版,并指定Node.js的路径。

    Java开发平台IntelliJ IDEA教程:与Node.js集成

创建Node.js应用程式

如果还没有应用程序,则可以从模板生成具有特定于Node.js的结构的IntelliJ IDEA项目,或者创建一个空的IntelliJ IDEA项目并在其中配置Node.js,如下面的从现有的Node.js应用程序开始所述。 

创建一个新的Node.js应用程序

  1. 选择文件| 新增| 项目从主菜单或单击新建项目的按钮欢迎屏幕。

  2. 在“ 新建项目”向导的第一页的“ 项目类别和选项”对话框中,在左侧窗格中选择Node.js和NPM。

  3. 在右侧窗格中,选择Node.js Express App并单击Next。

  4. 在向导的第二页上, 指定项目文件夹,Node.js解释器,程序包管理器(npm或Yarn)。

  5. 对于Node.js Express应用,请指定express-generator的版本, 然后选择要使用的模板语言和样式表语言。

  6. 单击完成时,IntelliJ IDEA将下载必要的依赖项并为它们以及Node.js核心API启用代码完成功能。

  7. 对于Node.js Express,IntelliJ IDEA 使用默认设置创建Node.js类型的运行/调试配置,并生成特定于Node.js Express的基本目录结构。

对于Node.js,IntelliJ IDEA只需运行npm init命令以生成package.json文件。

要创建一个空的IntelliJ IDEA的项目

  1. 选择文件| 新增| 项目从主菜单或单击新建项目的按钮欢迎屏幕。

  2. 在“ 新建项目”向导的第一页的“ 项目类别和选项”对话框中,在左侧窗格中选择“ 静态Web ”。

  3. 在右侧窗格中,再次选择“ 静态Web”,然后单击“ 下一步”。

  4. 在向导的第二页上,指定项目文件夹和名称,然后单击完成。

与现有的Node.js应用程序启动

如果要继续开发现有的Node.js应用程序,请在IntelliJ IDEA中将其打开,在其中配置Node.js,然后下载所需的依赖项。

打开计算机上已经存在的应用程序源

单击“ 欢迎”屏幕上的“ 打开 ”,或选择“ 文件” |“共享”。从主菜单打开。在打开的对话框中,选择存储源的文件夹。

为了从你的版本控制检查出的应用程序源

  1. 单击“ 欢迎”屏幕上的“ 从版本控制中签出”,或选择“ VCS | 从主菜单中的“ 版本控制”中签出。

  2. 从列表中选择您的版本控制系统。

  3. 在打开的特定于VCS的对话框中,键入您的凭据和存储库以从中检出应用程序源。

要下载项目依赖项,请执行以下一项操作:

  • 在嵌入式终端(Alt+F12)中,键入:

    npm install

  • 从项目根目录中package.json文件的上下文菜单中 选择Run'npm install'。 

在项目中配置Node.js 

  1. 在“ 设置/首选项”对话框(Ctrl+Alt+S)中,转到“ 语言和框架” | Node.js和NPM。

  2. 在“ 节点解释器”字段中, 指定当前项目的默认Node.js解释器。每当您在创建运行/调试配置或配置依赖于Node.js的工具(例如Prettier或Yeoman)时,Project从Node Interpreter列表中选择别名时,IntelliJ IDEA都会自动使用它。

    从列表中或单击时打开的对话框中选择解释器浏览按钮。如果选择node,则使用系统Node.js版本。

  3. 选中“ Node.js的编码帮助”复选框 将Node.js Core模块源配置为JavaScript库并将其与您的项目关联。其结果是,IntelliJ IDEA的提供代码完成,参考分辨率,验证,以及用于调试能力fs,path,http,被编译成二进制的Node.js等核心模块。

    配置完成后,IntelliJ IDEA 显示有关当前配置版本的信息。

  4. (可选) 配置将Node.js Core源视为库的范围:

    1. 单击 管理范围。“ 使用范围” 对话框打开。

      单击相关目录,然后从列表中为每个目录选择新配置的Node.js Core库。

    2. =====================================================

IntelliJ IDEA示例/使用教程/视频资源合集,请点击此处查看

想要了解或购买IntelliJ IDEA正版授权的朋友,欢迎咨询慧都官方客服

关注下方微信公众号,及时获取产品最新消息和最新资讯

图片2.jpg



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:IntelliJ IDEA https://www.jetbrains.com/help/idea/developing-node-js-applications.html

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
IntelliJ IDEA

IntelliJ在业界被公认为优秀的Java开发平台之一,在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、 创新的GUI设计等方面表现突出,并支持基于Android平台的程序开发。

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat