JavaScript开发工具WebStorm使用教程：WebStorm项目

无论在WebStorm 中做什么，都是在项目的上下文中执行的。WebStorm 中的项目是一个文件夹，其中包含您编辑的源代码、您使用的库和工具（例如，在node_modules子文件夹中）以及各种应用程序配置文件（例如，package.json或.eslintrc）。

WebStorm已更新至V2022.1，欢迎下载WebStorm最新版本试用：

点击获WebStorm官方正式版

在 WebStorm 中打开一个文件夹后，.idea子文件夹将添加到其中 WebStorm 存储其内部配置设置，例如项目代码样式或版本控制系统。

.idea目录中的所有设置文件都应置于版本控制之下，除了workspace.xml，它存储您的本地首选项。workspace.xml文件应被VCS标记为忽略。

WebStorm 不支持直接编辑远程主机上的文件。因此，要在 WebStorm 中使用远程源，需要下载它们，打开存储它们的文件夹，并将它们安排在 WebStorm 项目中，如从现有本地源创建项目中所述。要使本地和远程源保持同步，请使用“部署选项”对话框中的“将更改的文件自动上载到默认服务器”列表配置自动上载。

在项目之间切换

如果您同时打开了多个项目，您可以使用以下选项在它们之间切换：

切换到下一个项目窗口：（Ctrl+Alt+]窗口|下一个项目窗口）
切换到上一个项目窗口：（Ctrl+Alt+[窗口|上一个项目窗口）
或者，打开窗口菜单并选择要切换到的项目。

重命名项目

右键单击项目的根文件夹并选择Refactor | 从上下文菜单重命名Shift+F6或按。
在打开的对话框中，选择重命名策略。
当然，您可以重命名根文件夹并相应地更新服务器配置中的映射。
- 如果项目名称与其根文件夹的名称相同，请选择Rename directory。
- 如果项目名称与其根文件夹的名称不同，请选择Rename project。
  或者，选择文件 | 从主菜单重命名项目并在打开的对话框中输入项目的新名称。
  如果您的应用程序部署到远程服务器并且项目根文件夹映射到服务器根目录，也请选择此选项。

将项目移动到另一个位置

在Project工具窗口Alt+1中，右键单击项目的根目录并选择Refactor | 移动目录( F6)。
在打开的对话框中，为项目指定一个新位置，然后单击Refactor。

更改项目的默认位置

在 WebStorm 中，您可以为项目指定默认父文件夹。当您打开项目时，WebStorm 将从该文件夹开始。每次创建新项目时也会建议使用此默认位置。

下次创建项目时，WebStorm 会建议指定目录作为新项目的父目录。

打开设置/首选项对话框 ( Ctrl+Alt+S) 并转到外观和行为 | 系统设置。
在默认目录字段中，指定要存储项目的文件夹的路径。

通过 VCS 共享项目设置

根据您的选择处理配置文件。修改项目设置并创建新的配置文件后，IDE 会在屏幕底部显示一条通知，提示您选择如何处理此项目中的配置文件：

查看文件：查看已创建配置文件的列表并选择要置于版本控制之下的配置文件。之后，选定的文件将被安排添加到 VCS。
Always Add：静默计划在.idea目录中创建的所有配置文件以添加到 VCS（仅适用于当前项目）。
不要再问：永远不要安排配置文件添加到 VCS；在您手动将它们添加到 VCS 之前，它们将具有未版本化状态（仅适用于当前项目）。

如果您在未选择任何选项的情况下关闭通知，则在创建新配置文件后它将再次出现。即使您重新启动 IDE，新文件也将进入该列表，直到您选择其中一个选项。

不可共享的配置文件列表

前端开发工具WebStorm 识别配置文件并将它们自动添加到忽略文件列表中。但是，如果您手动共享项目，我们建议您避免将这些文件和文件夹置于版本控制之下：

.idea/workspace.xml
.idea/usage.statistics.xml
.idea/字典文件夹
.idea/架子文件夹

将全局设置复制到项目级别

全局 (IDE) 设置与项目分开存储。这就是为什么这些设置不会通过版本控制与项目一起共享。

但是，可以将某些设置复制到项目级别。例如，您可以创建检查配置文件的副本，从代码完成和自动导入中排除的类和包的列表。如果这样做，IDE 会在.idea目录中创建相应的配置文件，您可以通过 VCS 与项目一起共享这些配置文件。

以上就是有关WebStorm项目的介绍，更多关于WebStorm使用教程可点击查看。

WebStorm是一个针对JavaScript和相关技术的集成开发环境。像其他JetBrains IDE一样，它使你的开发体验更加愉快，使日常工作自动化，并帮助你轻松处理复杂的任务。

JavaScript开发工具WebStorm使用教程：WebStorm项目相关推荐

JavaScript开发工具WebStorm入门教程：如何安装WebStorm
WebStorm是jetbrains旗下一款JavaScript 开发工具,被广大JS开发者誉为"Web前端开发神器""最强大的HTML5编辑器""最 ...
JavaScript开发工具WebStorm教程
WebStorm是一款优秀的Javascript IDE,下面是WebStorm的用户界面和使用教程. 当用户第一次运行WebStorm或者没有打开项目,在WebStorm显示的欢迎屏幕上,可以快速访 ...
JavaScript开发工具webstorm安装
Webstorm是专用于web开发的编辑器,是一款JavaScript 开发工具下载地址:http://www.jetbrains.com/webstorm/(官网) 链接:https://pan. ...
JavaScript 开发工具webstrom使用指南
WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑 ...
JavaScript开发工具大全 1
译者按: 最全的JavaScript开发工具列表,总有一款适合你! 原文: THE ULTIMATE LIST OF JAVASCRIPT TOOLS 译者: Fundebug 为了保证可读性,本文采 ...
Web前端：面向Web开发人员的顶级JavaScript开发工具和IDE
JavaScript是最流行的编程语言并且受到所有浏览器的支持,增强了用户与网页的交互.也就是说,许多JavaScript IDEs现在提供智能课程完成和实时消除错误. 这些有效的工具带有精确的语 ...
truffle （ETH以太坊智能合约集成开发工具）入门教程
truffle (ETH以太坊智能合约集成开发工具) 入门教程前言在你了解区块链开发之前,你有必要了解区块链的一些基础知识,什么是DApp,DApp与传统app的区别, 什么是以太坊,以太坊中的智 ...
Android资源总结(开发工具/环境搭建/教程/论坛/博客/反编译工具)
Android资源总结(开发工具/环境搭建/教程/论坛/博客/反编译工具) 在Android发展前景相当好的情况下,本人最近搜集了一些关于Android的相关资源,当然包含以前发布的博客内容,进行了一 ...
15款很棒的 JavaScript 开发工具
在开发中,借助得力的工具可以事半功倍.今天,这篇文章向大家分享最新收集的15款非常有用的 JavaScript 开发工具. TestSwarm: Continious & Distribute ...
IxEdit傻瓜式JavaScript开发工具附下载汉化版视频教程
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! IxEd ...

JavaScript开发工具WebStorm使用教程：WebStorm项目

JavaScript开发工具WebStorm使用教程：WebStorm项目相关推荐

最新文章

热门文章