首页 > 编程语言 >Web开发神器,最智能的Javascript IDE——WebStorm

Web开发神器,最智能的Javascript IDE——WebStorm

时间:2023-04-28 11:31:55浏览次数:46  
标签:Web 代码 Javascript WebStorm html IDE 快速


我的开发很大一部分是和Javascript打交道,很久以来,我一直在Spket、Aptana、Visual Studio、IntelliJ IDEA、notepad++、vim等选择中徘徊,因为发现他们都很好,但都缺少我想要的……直到我开始使用WebStorm。

 

什么是我对Javascript IDE选择的标准?

1、快速智能的代码提示(全项目的)和补全

2、支持重构

3、支持代码格式化细节的自定义

4、良好的编辑体验(如快速定位最近的编辑、快速查看代码结构及定义等)

5、轻量、快速

6、便于调试

 

WebStorm是什么?

WebStorm是JetBrains的一个专门为Web开发人员设计的IDE,JetBrains大家应该不陌生,Resharper、IntelliJ IDEA等都是出自这个公司。

JetBrains给WebStorm下的定义是:The smartest Javascript IDE。敢这么说,肯定是有两把刷子。但是要注意,这个IDE不是免费的,不过大家都知道应该怎么做的~~

 

WebStorm有什么功能?

下面我把WebStorm的功能大致罗列一下(这里只说Javascript编辑的功能,其他的html和css之类的大家自己发掘,记得WebStorm可是支持Zencoding的哟,帅~):

 

1、智能的代码补全:

支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)

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

 

2、代码格式化:

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

 

3、代码编写中的html提示:

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

而且html里面还能有js提示

 

4、代码导航和用法查询:

只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义:

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

 

5、代码重构(这个操作有些像Resharper,熟悉Resharper的用户应该上手很快):

支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等,比如:

Web开发神器,最智能的Javascript IDE——WebStorm_ViewUI

内联变量重构之后变为:

Web开发神器,最智能的Javascript IDE——WebStorm_html_02

 

6、代码检查和快速修复:

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

 

7、代码调试:

 

8、代码结构浏览:

可以快速浏览和定位

 

9、代码折叠:

 

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

去掉之后就成了:

怎么样,这些功能足够多了吧,其中的调试和重构包含了很多,这个还需要你来自己挖掘。

 

怎样获得WebStorm?

WebStorm现在的最新版本是2.1.5,官方下载地址是:用力点我下载,这是30天的试用版,不过你知道怎么做的(试试点我

估计马上,应该是年底之前,3.0就要出来了。

 

还有哪些其他功能?

WebStorm还有很多的功能等待挖掘,比如支持所有主流的版本控制,比如svn、git、cvs等;支持FTP的项目,并能自动同步;支持HTML5、Zencoding等等。

我向大家推荐WebStorm做为Javascript编辑器,在使用他的这些日子里,我又重新感受到了编写js的乐趣。

 

标签:Web,代码,Javascript,WebStorm,html,IDE,快速
From: https://blog.51cto.com/u_16087105/6233677

相关文章

  • Python3+WebSockets实现WebSocket通信
    一、说明1.1背景说明前段时间同事说云平台通信使用了个websocket的东西,今天抽空来看一下具体是怎么个通信过程。从形式上看,websocket是一个应用层协议,socket是数据链路层、网络层、传输层的抽像;从应用场合上看,websocket可以使用javascript实现,而socket不能用javascript实现(真......
  • 【HarmonyOS】元服务WebView组件 H5使用localstorage
    在日常开发中我们会在应用种接入H5网页,localStorage作为H5本地存储webstorage特性的API之一,主要作用是将数据保存在客户端中。对于快速开发元服务,通过WebView组件运行H5如何使用localstorage呢?下文以API7JavaUI为例为大家做相关的讲解。 【实现步骤】第一步、配置WebView首......
  • selenium笔记之webDriver获取浏览器控制台日志
    大家应该都听过或者用过sentry,非常好用和强大,有用户当时的各种环境,关联sourceMap后能定位到代码层面(Sentry是一个开源的错误跟踪工具,帮助开发人员监控和诊断他们应用程序中的问题。它提供实时监测、警报和分析多个平台和编程语言中的错误和异常。Sentry可以与各种框架和服务集......
  • ISM Web组态监控软件
    ISMWeb组态软件采用Vue+Go语言开发,通过浏览器操作组态工具、浏览组态画面,实现工程管理、组态编辑、工业设备采集以及组态运行三大功能。通过实现图元组态、可视化图表组态、数据库组态的配置与关联,完成基于Web服务的实时数据监控与服务端的多用户访问等。采用标准HTML5技术,基于B/......
  • 在web端实现rtsp流的视频的播放
    相关了解我们已经知道了如何在如何使用VLC工具播放rtsp视频流了,那么,我们应当如何相关步骤搜索历经看到网络上有一种在浏览器安装插件的方法,但是网友并不推荐,表示有的浏览器版本即便安装了插件也是不支持的;然后又看到第二种方法--后台转成rtmp形式,然后看到网友同样持有不推荐......
  • js javascript js隐藏页面上有id的控件,隐藏页面上无控件包含的文字,控制页面控件属性
    1.隐藏页面上有id的控件varinput=document.getElementsByTagName("input");//获取页面所有inputfor(vari=0;i<input.length;i++){if(input.item(i).id.indexOf("txt")>=0)//判断input的id中是否包含txt字符串{......
  • Tinker Board 2s配置Jekins、Git、Github WebHook、内网穿透
    用途说明目的充分利用小型开发板的算力,实现个人服务器适用系统、硬件debian10及更高版本(lsb_release-a或cat/etc/redhat-release、uname-a)文章所使用硬件:TinkerBoard2s操作速览基础配置篇开启SSH服务并设置开机自启动修改密码(可选)关闭图形化界面、禁用自动休眠......
  • 最新 Gitlab配置webhook
    Gitlab配置webhook避坑指南&常见环境问题排查思路与思考总结 前言在之前的CI/CD流程中,我在配置JenkinsJob的“构建触发器”时,采用的都是Gitlab的轮询策略,每10分钟轮询一次Gitlab代码仓库,若有新代码提交,则触发构建、执行代码扫描、运行自动化测试等一系列动作。此种......
  • EJB3.0容器模型的WEB服务-WebService
    使用JBoss、EJB3.0、开发WebService和客户端:1、首先我们先建立Webservice:第一步:首先建立一个普通的Java项目并且导入G:\javaEEServers\jboss-4.2.3.GA-jdk6\jboss-4.2.3.GA\client下的所有*.jar文件第二步:建立EJBBean接口如下:publicinterfaceOrd......
  • 前端学习笔记--主流web框架
    主流的web框架1.Django框架 大而全,自带的功能组件非常多!类似航空母舰 2.flask框架 小而精,自身的功能组件非常少!类似游骑兵 第三方模块多,也受限于第三方模块 ps:三行代码就可以启动一个flask后端服务 3.tornado框架 异步非阻塞 速度非常快,可以用于开发游戏服务器4.其......