idea⼀⾏js_IntelliJIDEA使⽤之JavaScript
JavaScript
使⽤IntelliJ IDEA，您可以使⽤JavaScript和Node.js开发现代Web，移动和桌⾯应⽤程序。IntelliJ IDEA⽀持JavaScript和TypeScript编程语⾔， React和Angular框架，并提供与各种Web开发⼯具的紧密集成。
在此页⾯上，您将到⼀个简短的⼊门指南，它将引导您逐步创建Web应⽤程序，以及调试和测试它。
创建新的应⽤程序
在主菜单上选择：⽂件|新建|项⽬(File | New | Project)，或单击欢迎屏幕上的“新建项⽬”按钮。
在“项⽬类别和选项”对话框(“新建项⽬”向导的第⼀页)中，在左侧窗格中选择“静态Web”。
在右侧窗格中，再次选择“静态Web”，然后单击“下⼀步”。
在向导的第⼆页上，指定项⽬名称以及将存储项⽬相关⽂件的⽂件夹的路径。单击“完成”。
从现有的JavaScript应⽤程序开始
如果您要继续开发现有的JavaScript应⽤程序，请在IntelliJ IDEA中打开它， 选择要使⽤的JavaScript版本，并在其中配置库。下载所需的npm依赖项(可选)。
打开计算机上已有的应⽤程序源
单击欢迎屏幕上的“打开”，或在主菜单上选择：⽂件|打开(File | Open)。在打开的对话框中，选择存储源的⽂件夹。
从版本控制中检出应⽤程序源
单击“欢迎”屏幕上的“从版本控制中签出”，或从主菜单上选择：VCS|从版本控制中签出。
从列表中选择您的版本控制系统。
在打开的特定于VCS的对话框中，键⼊您的凭据和存储库以检出应⽤程序源。
选择JavaScript语⾔版本
要获得可靠和有效的编码帮助，您需要指定默认情况下将在应⽤程序的所有JavaScript⽂件中使⽤的语⾔版本。
在“设置/⾸选项”对话框(Ctrl+Alt+S)中，选择“ 语⾔和框架”下的“ JavaScript ” 。在JavaScript页⾯打开。
从下拉列表中，选择⼀种受⽀持的JavaScript语⾔版本：
ECMAScript 3
ECMAScript 5.1
JavaScript 1.8.5
ECMAScript 6：此版本增加了对ECMAScript 2015-2017中引⼊的功能的⽀持，以及对该标准的⼀些当前提议。
React JSX：此版本在ECMAScript 6之上添加了对JSX语法的⽀持
Flow：此版本增加了对Flow语法的⽀持。
使⽤多个JavaScript版本
如果您正在使⽤的应⽤程序是同时使⽤ECMAScript 5.1和更新版本的ECMAScript，JSX或Flow，最简
单的⽅法是从JavaScript页⾯的下拉列表中为整个项⽬选择最⾼语⾔版本。例如，如果您使⽤ES5.1和JSX，请启⽤JSX(因为它是ES5.1和ES6的超集)。
为不同的⽂件夹配置不同的JavaScript语⾔版本
在JavaScript页⾯上，单击JavaScript语⾔版本下拉列表旁边的
。将打开“JavaScript语⾔版本”对话框。
单击
，并在打开的对话框中选择您需要⾃定义语⾔版本的⽂件夹。IntelliJ IDEA将返回“JavaScript语⾔版本”对话框，其中所选⽂件夹显⽰
在“Path”字段中。
从“语⾔”下拉列表中，选择所选⽂件夹中⽂件的语⾔版本。在项⽬中的所有其他JavaScript⽂件中，IntelliJ IDEA将使⽤在JavaScript页⾯上选择的版本。
下载npm依赖项
在开始之前，安装Node.js。如果您的应⽤程序使⽤某些⼯具，库或框架，请下载所需的软件包。
在空项⽬中安装包：
打开嵌⼊式终端(查看|⼯具窗⼝|终端(View | Tool Windows | Terminal)，或Alt+F12)并在命令提⽰符下键⼊：npm install
如果项⽬中已有package.json⽂件：
在编辑器或“项⽬”⼯具窗⼝中右键单击该package.json⽂件，然后在上下⽂菜单中选择“运⾏'npm install'(Run 'npm install')”。
配置项⽬依赖项的代码完成
为了为项⽬依赖项提供代码完成，IntelliJ IDEA⾃动创建了⼀个node_modules库。在IntelliJ IDEA中，⼀个库是⼀个⽂件或⼀组⽂件，它的函数和⽅法被添加到IntelliJ IDEA的内部知识中，以及IntelliJ IDEA从您编辑的项⽬代码中检索到的函数和⽅法。有关详细信息和⽰例，请参阅：配置JavaScript库。
在JavaScript中⾃动导⼊
IntelliJ IDEA可以为模块，类，组件以及可以作为类型导出和调⽤的任何其他符号⽣成import语句。如果您在项⽬中使⽤ES6，则当您完成ES6符号时，IntelliJ IDEA可以动态添加缺少的导⼊语句。
对于早期的JavaScript版本或禁⽤完成时⾃动导⼊，IntelliJ IDEA会将符号标记为未解析并显⽰⼯具提⽰：
按下Alt+Enter时，IntelliJ IDEA显⽰建议的快速修复：
如果有多个可能的导⼊源，IntelliJ IDEA会显⽰⼀个建议列表：
在代码完成时添加ES6 import语句：
在“设置/⾸选项”对话框(Ctrl+Alt+S)中，单击“编辑器”下的“常规” ，然后单击“⾃动导⼊”。将打开“⾃动导⼊”页⾯。
在TypeScript/JavaScript区域中，选中“在代码完成时添加ES6导⼊”复选框。
在浏览器中运⾏JavaScript
如何下载javascript在编辑器中，使⽤JavaScript引⽤打开HTML⽂件。此HTML⽂件不⼀定必须是实现应⽤程序起始页⾯的⽂件。
执⾏以下操作之⼀：
在主菜单上选择：查看|在浏览器中打开，或按Alt+F2。然后从弹出菜单中选择所需的浏览器。
将⿏标指针悬停在代码上以显⽰浏览器图标栏：
，单击指⽰所需浏览器的图标。
调试JavaScript
IntelliJ IDEA为适⽤于Chrome的客户端JavaScript代码提供内置调试器。
您还可以在Firefox 36及更⾼版本的Firefox中调试客户端JavaScript。但是，强烈建议您使⽤Chrome或Chrome系列的任何其他浏览器。使⽤IntelliJ IDEA，您可以调试在内置服务器，外部服务器或远程服务器上运⾏的JavaScript应⽤程序。有关详细信息，请参阅：在Chrome中调试JavaScript，和：在Firefox中调试JavaScript。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。