webstorm的中文教程和技巧分享
webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享。
webstorm8.0.3中文汉化版下载:
百度网盘下载:http://pan.baidu.com/s/1pJI9PMV
WebStorm为前端javascript开发而生,专门为 javascript开发做了很多优化,令前端工程师眼前一亮的。
一、webstorm的功能
1、webstorm的智能的代码补全:
支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)


代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、webstorm代码格式化:
代码不仅可以格式化,而且所有规则都可以自己来定义:

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

而且html里面还能有js提示

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

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

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

内联变量重构之后变为:

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

7、webstorm代码调试:

8、代码结构浏览:
可以快速浏览和定位
9、代码折叠:

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

去掉之后就成了:

二、webstorm常用快捷键
查找/代替
快捷键 |
说明 |
ctrl+shift+N | 通过文件名快速查找工程内的文件(必记) |
ctrl+shift+alt+N | 通过一个字符快速查找位置(必记) |
ctrl+F | 在文件内快速查找代码 |
F3 | 查找下一个 |
shift+F3 | 查找上一个 |
ctrl+R | 文件内代码替换 |
ctrl+shift+R | 指定目录内代码批量替换 |
ctrl+shift+F | 指定目录内代码批量查找 |
ctrl+R | 文件内代码替换 |
界面操作
快捷键 |
说明 |
ctrl+shift+A | 快速查找并使用编辑器所有功能(必记) |
alt+[0-9] | 快速拆合功能界面模块 |
ctrl+shift+F12 | 最大区域显示代码(会隐藏其他的功能界面模块) |
alt+shift+F | 将当前文件加入收藏夹 |
ctrl+alt+s | 打开配置窗口 |
ctrl+tab | 切换代码选项卡(还要进行此选择,效率差些) |
alt+<-或-> | 切换代码选项卡 |
ctrl+shift+N | 通过文件名快速查找工程内的文件(必记) |
ctrl+shift+alt+N | 通过一个字符快速查找位置(必记) |
ctrl+F | 在文件内快速查找代码 |
F3 | 查找下一个 |
shift+F3 | 查找上一个 |
ctrl+R | 文件内代码替换 |
ctrl+shift+R | 指定目录内代码批量替换 |
ctrl+shift+F | 指定目录内代码批量查找 |
ctrl+R | 文件内代码替换 |
懒人建站http://www.51xuediannao.com/
快捷键 |
说明 |
ctrl+shift+A | 快速查找并使用编辑器所有功能(必记) |
alt+[0-9] | 快速拆合功能界面模块 |
ctrl+shift+F12 | 最大区域显示代码(会隐藏其他的功能界面模块) |
alt+shift+F | 将当前文件加入收藏夹 |
ctrl+alt+s | 打开配置窗口 |
ctrl+tab | 切换代码选项卡(还要进行此选择,效率差些) |
alt+<-或-> | 切换代码选项卡 |
ctrl+F4 | 关闭当前代码选项卡 |
代码编辑
快捷键 |
说明 |
ctrl+D | 复制当前行 |
ctrl+W | 选中单词 |
ctrl+<-或-> | 以单词作为边界跳光标位置 |
alt+Insert | 新建一个文件或其他 |
ctrl+alt+L | 格式化代码 |
shift+tab/tab | 减少/扩大缩进(可以在代码中减少行缩进) |
ctrl+Y | 删除一行 |
shift+enter | 重新开始一行(无论光标在哪个位置) |
导航
快捷键 |
说明 |
esc | 进入代码编辑区域 |
alt+F1 | 查找代码在其他界面模块的位置,颇为有用 |
ctrl+G | 到指定行的代码 |
ctrl+]/[ | 光标到代码块的前面或后面 |
alt+up/down | 上一个/下一个方法 |
建议配置版本控制快捷键
快捷键 |
说明 |
ctrl+C | 提交代码 |
ctrl+p | 向远程版本库推送更新 |
ctrl+G | 到指定行的代码 |
ctrl+]/[ | 光标到代码块的前面或后面 |
alt+up/down | 上一个/下一个方法 |
webstorm8.0.3中文汉化版下载:
百度网盘下载:http://pan.baidu.com/s/1pJI9PMV
webstorm的中文教程和技巧分享的更多相关文章
- 【转载】webstorm-前端javascript开发神器中文教程和技巧分享
webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu. ...
- webstorm-前端javascript开发神器中文教程和技巧分享(转)
webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu. ...
- webstorm-前端javascript开发神器中文教程和技巧分享(转)
webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载: 百度网盘下载:http://pan.baidu ...
- WebStorm 常用功能的使用技巧分享
WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大 ...
- wxPython中文教程入门实例
这篇文章主要为大家分享下python编程中有关wxPython的中文教程,分享一些wxPython入门实例,有需要的朋友参考下 wxPython中文教程入门实例 wx.Window 是一个基类 ...
- director.js:客户端的路由---简明中文教程
1.引子 最近学用director.js,那是相当的简单易学易使用.不过开始学的时候,搜搜过后,却没有发现相关的中文教程.于是决定硬啃E文,翻译备用的同时也当是给自己上课并加深对它的理解. direc ...
- PhpStorm中文教程
PhpStorm中文教程 | 浏览:15972 | 更新:2014-06-10 21:14 1 2 3 4 5 分步阅读 PhpStorm是一款强大的IDE,非常适合于PHP开发人员及前端工程师.提供 ...
- PuTTY 中文教程
PuTTY 中文教程 更新记录 2006-11-29初步完成想写的这些东西 2007-06-11PuTTY 的最新版本到了0.6:修改了一下 SSH 隧道:添加了 SSH 反向隧道:添加了用 SSH ...
- Netty4.x中文教程系列(五)编解码器Codec
Netty4.x中文教程系列(五)编解码器Codec 上一篇文章详细解释了ChannelHandler的相关构架设计,版本和设计逻辑变更等等. 这篇文章主要在于讲述Handler里面的Codec,也就 ...
随机推荐
- XMPP学习——3、XMPP协议学习补充
流基础 两个基本概念,使得XMPP实体之间的小的结构化信息有效载荷能快速地进行异步交换:XML流和XML节.这些术语的定义如下. XML流的定义: XML流是一个容器,用于任何两个实体通过网络进行XM ...
- 用(*.frm *.MYD *.MYI)文件恢复MySql数据库
保存下来以防以后遇到 今天还原mysql数据库时,看到那个data文件夹下好几个文件,还没有.sql文件,没有见过,总结下.Data文件夹里面包括:数据库名文件夹,文件夹里包括,*.frm,*.MYI ...
- AFNetworking讲解
#import "ViewController.h" //#import "AFNetworking/AFNetworking.h" #import " ...
- DB2LOOK命令提取数据库对象信息
提取复制数据库的DDL语句:db2look -d BCDLJS -e -o db2look.sql -a -a:导出所有用户的DDL-o: 定向结果到文件-d: 数据库名-e: 抽取复制数据库所需的 ...
- store 加载异常处理与加载信息提示
var msgTip = ''; // 一定要定义在使用前,且定义为全局变量 /--------------------------------store--------------------- ...
- 省市县三级联动 sql语句
发现在网上的省市县三级联动大部分是mysql的.就算是sqlserver的,也不准确.于是就把mysql的给改了下,适用sqlserver.sql语句如下: CREATE TABLE Dic_Area ...
- 创建android Notification
说明:根据项目选择的基础sdk,选择不同的创建Notification的方法1 在android sdk 3.0 之前直接通过 new Notification的方法直接创建通知对象 2 在andro ...
- PL/SQL远程备份和恢复Oracle数据库
(转自:http://blog.csdn.net/huchunfu/article/details/25165901) 在客户端远程备份的文件保存在数据库所在主机上,不会直接拷贝到客户端.—————— ...
- Thrift 跨服务开发框架
Thrift概述 Thrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在 C++, Java, Python, PHP,Ruby, Erla ...
- c# 注册全局热键
//引入系统API [DllImport("user32.dll")] static extern bool RegisterHotKey(IntPtr hWnd, int id, ...