对webstorm的认识

哈哈,最近新学了一款开发的工具,感觉十分的方便,在网上找了些资料,先带大家熟悉下这款软件

webStorm 是一款商业的 JavaScript 开发工具,虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 IntelliJ IDEA 的js缩水版,其它功能也是比较期待的。(下载地址:http://www.ddooo.com/softdown/59639.htm)

1 具体的有:

1. 文件不用保存

2. 自带有svn,如果不用服务器版的svn的话,本地自身带一个版本管理的。非常方便。

3. 编辑右侧有各浏览器浏览快捷方式,更是快中快

2 功能

关于JaveScript

· 基于DOM,特定浏览器完成

· 编码导航和用法查询

· 支持ECMAScript

· 支持CoffeeScript

· 支持结点

· JavaScript重构

· JavaScript单元测试

· 代码检测和快速修复

· JSLint/JSHint

· 基于 Mozilla的JavaScript调试器

编码以外的功能

· 批量代码分析

· 编码语言混合或内混

· 拼写检查器

· 重复代码检测器

关于HTML/HTML5/CSS

· 支持HTML5

· 检验和快速修复

· Zen编码

· 显示内容

· 显示应用的风格

便捷的环境

· HTML5样本文件和其他Web应用程序模板

· FTP和远程文件同步

· 集成了版本控制系统

· 本地记录

3 优势功能

智能的代码补全

支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)智能的代码补全代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代码格式化

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

代码编写中的html提示

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

代码导航和用法查询

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

代码重构

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

代码检查和快速修复

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

代码调试

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

代码结构浏览

可以快速浏览和定位代码结构浏览

代码折叠

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

包裹或者去掉外围代码

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

4 WebStorm新功能:

Meteor支持

l WebStorm9适用于Meteor,在JavaScript里Web应用程序的平台支持。享受适用于MeteorAPI和调试服务器端和客户端的Meteor代码编码援助。

响应,JSX支持

l 在项目中的使用反应?

l 享受语法高亮,代码完成和错误检测适用于在JSX中JSX和JavaScript表达式。尝试导航和重命名重构的反应控件

Gulp整合

l 使用Gulp整合,你现在可以轻松地通过项目gulpfile.js自定义任务列表浏览,只需要简单地通过双击任务名称运行或调试。

(原文链接:http://baike.sogou.com/v63652731.htm?fromTitle=WebStorm)

时间: 2024-08-25 20:24:05

对webstorm的认识的相关文章

webstorm开发微信小程序代码提醒(webstorm开发工具)

使用了微信提供的开发工具是真心难用,卡顿厉害.中英文切写注释换相当不爽.还没办法多开窗口,相信大家也遇到过这种现象. 下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss 1.png 2.FileType下HTML 添加*.wxml 2.png 3.将其中的wecharCode.jar下载下来,然后在webStorm 的 File -> import settings 中导入即可 3.png 配置已经完

WebPack+WebStorm调试

怎么用webstorm来调试WebPack? 今天查了很多文档,最终在官网上耐心看完英文文档后,才解决.附上链接:https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/ 工具简介 Windows7 WebStorm2017 Webpack2 谷歌浏览器(默认浏览器) 操作 在Project视图里找到index.html,右击进入Debug模式 WebStrom会自动进入Debu

webstorm快捷键大全

使用webstorm一段时间了,这里分享一下常用到的快捷键,不用死记,孰能生巧! Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*-*/ ) Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G 查找行 Ctrl+Shift+Up/Down 代码向上/下移动. F2 或Shift+F2 高亮"错误"或"警告"快速定位 Tab 生成代码 选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失 C

PhpStorm 2016.2,WebStorm 2016.2最新版本免费注册激活方法

最新PhpStorm 2016.2 .WebStorm 2016.2.PyCharm  2016.2激活方式 打开网址 http://idea.lanyus.com/ 选择获取注册码,复制生成的验证码 安装完成后,打开软件,依次选择菜单栏 Help -> Register-> Activation code ->输入复制验证码->确定完成.

webstorm/...开发 NodeJS 项目

前提: 已安装好 webstorm/IDEA 2016.3 & 2017.1 (见 文 IDEA开发Java 相关 --- 1 IDEA安装 ...) 要用 IDEA 开发 NodeJS项目(web/JS)项目,首先需要: 1. 自行下载 Node.js 并安装,下载网址:https://nodejs.org/en/download/:或者 https://nodejs.org/en/: 测试: cmd-> node -v  或者 node, 未出现错误,如下,则表明已安装完好.   其次,

WebStorm 预览时把浏览器地址localhost 改成IP

最近在使用WebStorm时,预览网页时地址总是显示的 http://localhost:63342/... ,如果要调试其它设备感觉很不方法,此时肯定首先想到的亲爱的度娘,但是貌似没有真正很解决问题的(可能是我搜索方法不对).最后偶然发现以下的一个设置方法. 设置的前提是你此前就能直接用本机IP地址访问到网页,我的是以前就配置好了Apache相关设置的. 我的WebStorm是 10.0.3版本,不过我想webstorm的设置应该是差不多的吧.看图说话: 1.当我直接用WebStorm预览网页

怎么为WebStorm更换主题 修改字体样式

这篇文章主要用于帮助大家解决怎么为webstorm换theme. 首先,到选择一个自己喜欢的皮肤,Webstorm皮肤网址: http://phpstorm-themes.com/ 然后,选中你喜欢的皮肤,现在theme xml文件, 这里要鼠标右键另存为: 将此xml文件下载后,根据不同的操作系统,将其copy到不同的webstorm安装目录中. 1.apple系统 复制下载的xml theme文件,使用shift+command+g键进入: ~/Library/Preferences/Web

【干货】免费获得WebStorm软件

内容提要: 1.WebStorm简介 2.如何免费获得WebStorm 3.利用学生身份免费获得正式版WebStorm WebStorm简介 WebStorm 是一款前端开发 IDE(集成开发环境),可以简单理解为,它是一个智能的.强大的代码编辑器. 小编不是Web前端高手,因为要开发HTML5小游戏和使用Egret引擎,巧合之下接触了WebStorm,使用之后感觉真的不错,所以推荐给大家. WebStorm是JetBrains 公司旗下的商业软件产品,该公司还提供了 PhpStorm 和 In

WebStorm控制台的一些指令笔记

下面的内容浅显易懂,适合初级前端工程师观看 此篇主要内容是讲,如何使用WebStorm控制台下载.删除依赖包,和npm,bower一些指令的使用方法. 一般来说前端开发工作中,或多或少会用到一些依赖包,以前的开发人员如果要用的话,就得到网上到处找,然后下各种插件,极大浪费了时间,并且删除的时候也麻烦. 后来twitter推出了bower,它主要是一个包管理工具,简单来说就是一个静态资源共享平台.前端需要用到的插件基本都可以在里面下载,这便极大方便了开发. 于是我们就从下载bower开始吧. 1.

转-webstorm快捷键

默认配置-Eclipse的常用快捷键对照表 查找/代替 Webstorm快捷键 Eclipse快捷键 说明 ctrl+shift+N ctrl+shift+R 通过文件名快速查找工程内的文件(必记) ctrl+shift+alt+N ctrl+shift+alt+N 通过一个字符快速查找位置(必记) ctrl+F ctrl+F 在文件内快速查找代码 F3 ctrl+K 查找下一个 shift+F3 ctrl+shift+K 查找上一个 ctrl+R ctrl+F 文件内代码替换 ctrl+shi