首页 游戏 软件 排行 专题
JetBrains WebStorm
  • JetBrains WebStorm2019.3.0 最新版

  • 大小:239.6M更新:2019-12-22 17:25
  • 类别:编程工具系统:WinAll

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

功能介绍:

1、智能的代码补全

支持不同浏览器的提示,还包括所有用户自定义的函数。

代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化

代码不仅可以格式化,而且所有规则都可以自己来定义

3、html提示

大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。

4、联想查询

只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;可以全代码导航和用法查询

项目查找函数或者变量,还可以查找使用并高亮。

5、代码重构

这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。

6、代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。

7、代码调试

支持代码调试,界面和IDEA相似,非常方便。

8、代码结构浏览

可以快速浏览和定位

9、代码折叠

功能虽小,不过胜在方便高效

10、包裹或者去掉外围代码

自动提示包裹或者去掉外围代码,一键搞定。

安装方法:

1. 配置 Webstorm 安装项

选择 64 位,防止桌面 Webstorm 快捷方式打不开。

配置 Webstorm 安装项

2. 是否导入 Webstorm 配置信息

这里的意思是之前使用过 Webstorm ,并且配置过,Webstorm 配置信息可以起到优化性能的作用,因为它本身是个比较吃内存的东西,文件多了容易卡顿,可以通过在配置文件中得到优化,后面单独介绍优化。

剧透:Webstorm 安装完成后配置信息位置:C:\Users\Administrator\.WebStorm2017.1。

是否导入 Webstorm 配置信息

3. 激活 Webstorm

免费版的试用期是 30 天,30 天之后各种让人不舒服,比如不能保存,每隔30分钟自动关闭程序等等,所以在开始的时候还是激活成功使用永久版本的比较好。

要填的内容:http://idea.imsxm.com/,复制进去即可。

激活 Webstorm

有朋友反映使用该网站激活失败,我又去找了另一种激活方式,实测在 Webstorm 2017.2 版本上是激活成功的。Webstorm2017.2 版本激活文件,密码:fls5

4. 设置 Webstorm 工具的主题和风格

这里暂时写保持默认设置,后面会单独介绍如何折腾一个独一无二的属于个人审美的 Webstorm 工具。

使用体验:

1. 设置开发工具主题/风格

File -> settings -> Editor -> colors&fonts -> scheme name.

跟人觉得 Default Darcula 这两款主题还可以,如果内置主题都不喜欢,可以去 主题下载地址 寻找你中意的主题。

2. 换成自己熟悉编辑器的快键键:如 Eclipse 的快捷键 + 自定义快捷键组合

快捷键设置

3. 取消勾选安全保存时间

这两项取消勾选,否则影响热更新,不能及时将修改的内容反应在浏览器上。

取消勾选安全保存时间

4. 集成 Eslint

集成 Eslint 的前提是你的项目里使用了 Eslint。

集成 Eslint

5. 集成 Git

对 Webstorm 集成 Git 的前提是你已经掌握 Git 的基础使用方法,如果对于 Git 的基本概念不了解的话,可以参阅:廖雪峰 Git 教程。

集成 Git

Webstorm 集成 Git 带来的遍历就是将 Git 的指令用选项的意思表达出来,如果你熟悉 Git 是如何提交代码的,那么在 Webstorm 使用 Git 提交代码应该不是什么难事。

git 提交代码

对于分支的操作在 Webstorm 右下角

厂商名称:JetBrains

玩家留言 跟帖评论
查看更多评论
相关应用
猜你喜欢

开发者其他应用JetBrains

同类下载
其它版本