榜单搜索

WebStorm

WebStorm是由JetBrains开发的一款智能且功能强大的集成开发环境(IDE),专门针对JavaScript和前端开发,支持在Windows、MacOS和Linux操作系统上使用。它提供了全面的代码编辑、重构、调试工具,以及对Node.js、React、Angular、Vue.js等现代Web技术的支持。WebStorm还集成了版本控制系统、终端、测试框架等,使得Web开发工作更加高效。
目录
WebStorm介绍

基本介绍

WebStorm是JetBrains公司旗下一款JavaScript开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

系统要求

Windows

64 位 Microsoft Windows 10、8

最少 2 GB RAM,推荐 8 GB RAM

2.5 GB 硬盘空间,推荐 SSD

最低屏幕分辨率 1024x768

MacOS

macOS 10.13 或更高版本

最少 2 GB RAM,推荐 8 GB RAM

2.5 GB 硬盘空间,推荐 SSD

最低屏幕分辨率 1024x768

Linux

GNOME 或 KDE 桌面版

最少 2 GB RAM,推荐 8 GB RAM

2.5GB 硬盘空间,推荐 SSD

最低屏幕分辨率 1024x768

特色功能

功能特点

智能代码辅助

支持的语言和框架

提供JavaScript、ECMAScript 6、TypeScript、CoffeeScript、Dart和Flow代码辅助功能

帮助编写HTML、CSS、Less、Sass和Stylus代码

支持Node.js和主流框架,如React、Angular、Vue.js、Meteor等

代码补全

WebStorm分析项目,为应用程序中定义的所有方法、函数、模块、变量和类提供最佳代码补全。代码辅助是上下文感知的,也可以特定于框架

多个插入符号和选择

具备每个人喜欢的多个插入符号和选择。同时编辑文件中的多个地方,甚至具备适用于它们的代码补全和动态模板。通过Alt 点击来选择编辑的地方。或者,选择当前单词出现的地方并同时编辑它们

AngularJS

将AngularJS应用的代码辅助带领到更佳阶段。获得有关默认和自定义指令、控制器和应用程序名称以及数据绑定的代码洞察的代码建议

Emmet

充分利用Emmet的缩写功能来提高您的工作效率。在HTML中输入缩写,然后按下Tab键,将其扩展到标记中

Emmet也适用于CSS和JSX

Live Edit

动态编辑可以立刻在浏览器中看到页面内容更新(仅限于Google Chrome),无需重现加载,即可看到对HTML和CSS文件的变更。它作为JavaScript调试会话的一部分

导航

WebStorm强大的导航功能,在处理大型项目时,提高代码效率并节省时间

对于代码中的任何方法、函数或变量,只需Ctrl 点击或搜索其用途,即可跳到其定义

通过双击Shift,即可进行随处搜索(Search Everywhere),在整个项目中搜索符号、文件或类名

结构视图可以在当前打开的文件中轻松导航

代码质量分析

内置了数百种检查,覆盖所有支持的语言。除此之外,还可以使用ESLint、TSLint、Stylelint、JSCS、JSHint和JSLint

在输入时,会直接在编辑器中报告所有错误和警告,并提供许多快速修复选项

任何可能有问题的代码行都标记在编辑器右侧的排水沟中,因此可以轻松地在长文件中发现错误和警告

还可以为整个项目运行代码质量分析,并自动应用选定的快速修复

代码样式

使用一致的代码风格,使WebStorm在编写代码时自动应用配置的代码风格,或者一次重新格式化整个文件

为任何语言配置代码风格,包括缩进、空格、对齐规则等。如果需要,可以将代码风格方案保存在项目设置中,通过 VCS与团队成员共享

EditorConfig

自动应用项目文件.editorconfig中指定的代码风格

调试、跟踪和测试

调试客户端JavaScript和Node.js

WebStorm为客户端代码提供先进的调试器,它与Google Chrome协同工作。它内置在IDE中,因此调试时无需在编辑器和浏览器之间切换

依靠WebStorm调试器对源映射的支持,您可以轻松调试ECMAScript 6、TypeScript或CoffeeScript代码

功能齐全的内置Node.js调试器也是立即可用。用它调试在本地或远程机器上运行的应用程序

WebStorm调试器有多重视图,包括:框架、全局和局部变量以及Watcher。变量值内联显示在编辑器中的用法旁边。可以在运行时轻松评估JavaScript表达式。断点支持挂起模式和条件

跟踪

spy-js是一个内置工具,可以帮助跟踪代码并有效识别任何可能的瓶颈。它适用于客户端JavaScript和Node.js,甚至还支持编译为JavaScript语言

通过spy-js,可以看到触发代码执行的完整事件列表,然后深入了解事件的堆栈跟踪,并浏览源码中高亮显示的跟踪。这些数据还用于推动代码补全结果

spy-js还可以可视化应用程序结构。使用spy-js图查看项目文件如何与基于运行时数据的函数调用相关联

单元测试

轻松执行单元测试,因为WebStorm与流行的JavaScript测试框架集成

选择Karma或Jest来测试客户端JavaScript代码或Mocha来测试Node.js。直接在IDE中运行和调试测试,以方便的可视格式查看结果,然后导航到测试代码

代码覆盖率报告也适用于Karma测试运行器

WebStorm还支持Protractor,用于Angular、JSTestDriver、Cucumber.js的端到端测试,用于行为驱动开发和Nodeunit

性能分析

WebStorm可以帮助捕获和探索V8 CPU性能,以及Node.js应用程序的堆快照。因为分析数据以最易于访问的方式呈现,因此可以轻松识别应用程序中任何可能的热点或内存泄漏

无缝工具集成

任务运行器

享受用统一的界面来运行Grunt和Gulp<0>任务以及<0>npm<0>脚本。无需使用命令行来启动任务

所有定义在项目gruntfile.js、gulpfile.js或package.json中的任务都列在工具窗口中,只需双击即可运行任何任务

还可以为任务创建Run/Debug配置,然后以熟悉的Run…或Debug…操作来运行或调试

代码质量工具

除了WebStorm自身的几百种检查外,还可以使用ESLint、TSLint、Stylelint、JSHint或JSLint等连接器。当输入时,WebStorm将根据代码运行这些东西,并且直接在编辑器中动态、高亮显示任何问题

如果要确保符合项目代码风格(比如:缩进、关键字后的空格等等),只需启用JSCS,这是一个JavaScript代码风格检查器

npm和Bower

通过npm管理Node.js对于WebStorm而言非常简单。右键点击package.json文件以运行npm安装命令。如果忘记安装某个模块或忘记在package.json中列出它,内置检查将发出警告

通过偏好(Preferences)访问已安装的本地npm和Bower依赖项的完整列表,可以在偏好安装和更新npm模块和客户端依赖项

集成PhoneGap、Cordova和Ionic

WebStorm通过以PhoneGap、Apache Cordova和Ionic框架开发的移动应用来促进您的工作流程。可以直接从IDE创建、模拟和部署应用。

TypeScript编译器

WebStorm可以使用其内置的编译器,迅速轻松地将TypeScript代码编译成JavaScript。可以手动或在tsconfig.json文件中指定编译选项。会在编辑器中动态报告所有编译错误。

Yeoman集成

由于集成了Yeoman,可以直接从IDE欢迎屏幕访问几百个项目生成器。新UI将帮助查找和安装新生成器,并且它们将指导完成生成器步骤,所有这些操作都无需离开IDE

IDE功能

VCS

WebStorm以统一的UI处理多种流行的版本控制系统,确保在git、SVN、Mercurial和Perforce之间提供一致的用户体验

任何未提交的变更都会高亮显示在编辑器左侧排水沟和“项目”视图中。只需点击两下即可轻松回滚任何变更

内置的可视化合并工具能够以快速、直观的方式解决所有冲突

处理GitHub时,请签出您的项目,并且在IDE中生成所有拉取请求

本地历史

无论是否使用VCS,本地历史都真的可以保护代码。WebStorm跟踪源文件中的任何变更,保护免受任何意外丢失或修改(即使是由其他应用程序造成的)。可以随时检查特定文件或目录的历史记录,并回滚到以前的任何版本

定制

该IDE定制化程度非常高。将其调整为完全适合您的编程风格,从快捷键和视觉主题到工具窗口和编辑器布局

WebStorm提供明暗外观供您选择。可以在偏好(Preferences)中为每种语言设置配色方案,或者从互联网上找一个热门主题来用

内置终端

如果要运行命令或命令行工具,不用离开IDE—使用WebStorm的内置本地终端,可选择将其设置为shell

插件生态系统

如果决定借助对新框架、集成工具和其他生产力功能的支持来丰富WebStorm,IDE插件库中提供了数十种插件

WebStorm相关榜单
十大网页制作软件排行 设计网页用什么软件 网页制作工具推荐
十大网页制作软件名单如下:Adobe Dreamweaver、Sublime Text、Visual Studio Code、Notepad、Pinegrow、WebStorm、Sketch、Balsamiq、HBulider X、Framer,下面请看榜单详细内容。
更多榜中榜推荐
十大好用的手机克隆APP 一键换机助手排名 手机搬家软件哪个好
十大手机克隆软件名单如下:华为手机克隆、VIVO互传、欢太手机搬家、腾讯换机助手、小米换机、荣耀换机克隆、快牙ZAPYA、QQ同步助手、S换机助手、360安全换机,下面请看榜单详细内容。
十大好用的虚拟光驱软件 虚拟光驱工具有哪些 免费的虚拟光驱软件
十大虚拟光驱软件名单如下:UltraISO软碟通、精灵虚拟光驱、酒精120、gBurner Virtual Drive、VirtualDVD、Virtual CloneDrive、WinMount、软媒魔方、LZZ VirtualDrive、WinCDEmu,下面请看榜单详细内容。
十大好用的硬盘分区工具 硬盘分区软件哪个好 免费的磁盘分区软件
十大硬盘分区软件名单如下:傲梅分区助手、DiskGenius、MiniTool分区向导、易我EaseUS、GParted、Partition Magic、Primo Ramdisk、KDE分区管理器、Gdisk、Fdisk,下面请看榜单详细内容。
十大好用的电脑清理软件 磁盘清理软件哪个好 电脑垃圾清理软件推荐
十大电脑清理软件名单如下:WizTree、Glary Utilities、CCleaner Professional、360清理大师电脑版、Wise Disk Cleaner、金山C盘清理大师、腾讯电脑管家、Geek Uninstaller、360安全卫士、金山毒霸,下面请看榜单详细内容。
十大好用的手机测速软件 wifi测速app哪个好 最准的测网速软件
十大测速软件名单如下:测网速UUSpeed、花瓣测速、Speedtest、安兔兔评测、网络万用表、全球网测、网速管家、泰尔网测、信通测速Speedtest、鲁大师,下面请看榜单详细内容。
十大专业显卡测试软件 显卡测试工具哪个好 显卡性能测试软件推荐
十大显卡测试软件名单如下:FurMark、Unigine Superposition、3D Mark、GPU-Z、Unigine Heaven Benchmark、GeekBench、Fraps、AIDA64、鲁大师、安兔兔评测,下面请看榜单详细内容。
十大数据分析必备软件 数据分析工具排名 好用的大数据分析软件
十大数据分析软件名单如下:SAS系统、Power BI、Tableau、Datawrapper、Zoho Analytics、MongoDB、Matlab、Stata、Minitab、EViews,下面请看榜单详细内容。
十大手机识图软件排行 拍照识图app哪个好用 免费识图搜图软件推荐
十大识图软件名单如下:形色、百度APP、Google Lens、慧眼识图、搜图神器、万能识图、搜狗浏览器、360识图、TinEye、SauceNAO,下面请看榜单详细内容。
什么软件跑分靠谱 跑分软件哪个权威 跑分排行榜前十名
十大跑分软件名单如下:3D Mark、鲁大师、AIDA64、PCMark、FurMark、GPU-Z、GeekBench、CPU-Z、Fritz Chess Benchmark、Prime95,下面请看榜单详细内容。
十大建模软件排行榜 三维建模软件排名 最好用的3d建模软件
十大建模软件名单如下:3DS MAX、Maya、Rhino、ZBrush、SketchUp、Blender、AutoCAD、Creo、SolidWorks、CATIA,下面请看榜单详细内容。
七大分屏软件推荐 手机同屏多窗口软件 手机分屏软件哪个好
七大分屏软件名单如下:VMOS、多任务分屏、SkyOlin Helper、多屏任务插件、牛轧糖平行窗口、XHFW3、XMultiWindow,下面请看榜单详细内容。
九大刷机软件排行 手机刷机软件哪种好 安卓刷机软件哪个好
九大刷机软件名单如下:奇兔刷机、刷机大师、甜椒刷机助手、卓大师刷机专家、线刷宝、爱思助手、兔兔助手、XY苹果助手、手机刷机管家,下面请看榜单详细内容。
十大画图软件排行 绘图软件都有哪些 画画软件用什么好
十大画图软件名单如下:Adobe Illustrator、Photoshop、CorelDRAW、Microsoft Office Visio、SAI、Origin、AutoCAD、几何画板、Painter、3DS MAX,下面请看榜单详细内容。
看图软件哪个好用 看图软件排行榜前十名 看图软件app推荐
十大看图软件名单如下:美图看看、2345看图王、ACDSee、Honeyview、Google Picasa、XNview、光影看图、FastStone Image Viewer、ImageGlass、Irfanview,下面请看榜单详细内容。
十大音频剪辑软件 音频编辑软件有哪些 音乐剪辑软件哪个好用
十大音频剪辑软件名单如下:Adobe Audition、Audacity、GoldWave、Pro Tools、Nuendo、Sound Forge、迅捷音频剪辑软件、闪电音频剪辑软件、FL Studio、AudioDirector,下面请看榜单详细内容。
相关分类
  • win10激活工具
  • 防蹭网软件
  • 比价软件
  • 短视频制作软件
  • 科研软件
  • 驱动软件
  • 内存测试软件
  • 显示器测试软件
  • 测量软件
  • 同步软件
  • 地图制作软件
  • 计算器软件
  • AI修图软件
  • 软件测试工具
  • 数据可视化工具软件
  • u盘修复软件
  • 照片恢复软件
  • 网页制作软件
  • 笔记软件
  • 拆单软件
  • 便签软件
  • 热门文章
  • 十大手机克隆软件
  • 十大资料软件
  • 十大显示器测试软件
  • 十大同声翻译软件
  • 十大比价软件
  • 十大笔记软件
  • 十大手机cad软件
  • 十大动画制作软件
  • 十大测速软件
  • 十大测温软件
  • 十大识图软件
  • 十大看图软件
  • 十大内存测试软件
  • 十大cpu超频软件
  • 七大分屏软件
  • 热门词条
  • 1
    百度翻译
  • 2
    马化腾
  • 3
    迅捷藏文在线翻译
  • 4
    张一鸣
  • 5
    维汉翻译官
  • 6
    Papago
  • 7
    博大意汉词典
  • 8
    丁磊
  • 9
    追求AI手语识别
  • 10
    马云
  • 11
    文字网·上海话翻译器
  • 12
    网易有道词典
  • 13
    维语翻译官
  • 14
    PDFelement
  • 15
    快牙ZAPYA
  • 16
    快吧游戏盒
  • 17
    Qtrans快翻
  • 18
    国语助手
  • 19
    欧陆词典
  • 20
    Fences