首页 > 编程语言 >WebStorm——最智能的Javascript IDE

WebStorm——最智能的Javascript IDE

时间:2023-01-05 18:04:49浏览次数:63  
标签:变量 代码 Javascript WebStorm html IDE


 

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的用户应该上手很快):

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

WebStorm——最智能的Javascript IDE_javascript

内联变量重构之后变为:

WebStorm——最智能的Javascript IDE_大数据_02

 

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

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

 

7、代码调试:

 

8、代码结构浏览:

可以快速浏览和定位

 

9、代码折叠:

 

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

去掉之后就成了:

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

 

下载地址(官方):​​http://www.jetbrains.com/webstorm/​

 

 

为WebStorm添加cocos2d-html5智能感知

选择preference(osx)或windows下settings,选择libraries

WebStorm——最智能的Javascript IDE_html_03

选择add

WebStorm——最智能的Javascript IDE_大数据_04

然后选择所需的包

WebStorm——最智能的Javascript IDE_ViewUI_05

记得要选上extensions

确定后发现智能感知已经有效了。

WebStorm——最智能的Javascript IDE_javascript_06

标签:变量,代码,Javascript,WebStorm,html,IDE
From: https://blog.51cto.com/kenkao/5991693

相关文章

  • JavaScript实现浏览器端大文件分片上传
    ​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对Http协议较模糊,故这次采用渐进的方式来学习文件上传的......
  • 六款常用的linux C/C++ IDE
     一、AnjutaAnjuta是一个多语言的IDE,它最大的特色是灵活,同时打开多个文件,内嵌代码级的调试器(调用gdb),应用程序向导(Applicationwizards)可以方便的帮助你创建GNOME程序而不......
  • JavaScript之正则表达式
    JavaScript之正则表达式search()方法&replace()1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>JavaScript正则表......
  • JavaScript事件触发列表与解说
    一般事件事件浏览器支持描述onClickHTML:2|3|3.2|4Browser:IE3|N2|O3鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClickHTML:2|3|3.2|4Browser:IE4|N4|O鼠标......
  • IDEA集成tomcat
    上面创建了web项目,但是这个项目跟tomcat服务器是没有任何关系的,我们来给他加上本地集成:在webapp目录下面创建一个html文件:配置config注意访问路径,配置好是下面这......
  • idea为java程序添加启动参数(program arguments,vm arguments,Environment variable)
    programarguments作用programarguments 中的值作为args[]的参数传入应用程序,书写格式参数1参数2参数3注意:参数之间要以空格分隔,如果参数值中间有空格,则用引号......
  • javascript array 数组 indexOf
    javascriptarray数组indexOf低版本的array是没有indexOf的。参考链接:https://reference.codeproject.com/javascript/Reference/Global_Objects/Array/indexOf/......
  • JavaScript
    1本例使用该方法来“查找”id="demo"的HTML元素,并把元素内容(innerHTML)更改为"HelloJavaScript":document.getElementById("demo").innerHTML="HelloJavaScript"......
  • PythonSpider
    ......
  • IDEA push
    一、在命令行上创建新的存储库示例:echo"#JavaProjects">>README.mdgitinitgitaddREADME.mdgitcommit-m"远程仓库接口"gitbranch-Mmaingitremoteadd......