webstorm是一款前端javascript开发编辑的神器，此文介绍webstorm的中文教程和技巧分享。

webstorm8.0.3中文汉化版下载：

百度网盘下载：http://pan.baidu.com/s/1pJI9PMV

WebStorm为前端javascript开发而生，专门为 javascript开发做了很多优化，令前端工程师眼前一亮的。

一、webstorm的功能

1、webstorm的智能的代码补全：

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

WebStorm的智能的代码补全

WebStorm的智能的代码补全

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

2、webstorm代码格式化：

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

webstorm代码格式化

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

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

webstorm代码编写中的html提示

而且html里面还能有js提示

webstorm

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

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

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

webstorm-前端javascript开发神器

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

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

webstorm-前端javascript开发神器中文教程和技巧分享

内联变量重构之后变为：

webstorm-前端中文教程和技巧分享

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-前端javascript开发神器中文教程和技巧分享http://www.51xuediannao.com/jiqiao/webstorm.html

webstorm-前端javascript开发神器中文教程和技巧分享(转)的更多相关文章

  1. 【转载】webstorm-前端javascript开发神器中文教程和技巧分享

    webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu. ...

  2. webstorm-前端javascript开发神器中文教程和技巧分享（转）

    webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu. ...

  3. webstorm的中文教程和技巧分享

    webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享.webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu.c ...

  4. WebStorm JavaScript 开发神器

    WebStorm 百度百科 http://baike.baidu.com/view/5443872.htm?fr=aladdin

  5. JavaScript 开发的45个经典技巧

    JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是 ...

  6. JavaScript 开发的40个经典技巧

    首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量. 使用===取代== ==和!=操作符会在需要的情况下自动转换数据类型.但===和 ...

  7. odoo开发安装插件教程小技巧

    安装Odoo插件时而可能很繁琐且易于出现未知错误.当Odoo出现错误提示时.您需要深层次查询内核模块,安装其它依赖插件,下载全部插件,将它们放到恰当的部位,点安装,随后处理错误,然后再次测试,直至凡事 ...

  8. WebStorm（Amaze开发工具）--JavaScript 开发工具

    WebStorm(Amaze开发工具)--JavaScript 开发工具 一.总结 1.webstorm:前段开发神器,应该比sublime好用. 2.webstorm功能:支持显示图片宽高,标签重构 ...

  9. JavaScript开发规范要求

    http://www.cnblogs.com/webflash/archive/2010/06/11/1756255.html 作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅 ...

随机推荐

  1. Python语法糖

    1.装饰器 ####装饰器的固定格式 ##普通版本 def timer(func): def inner(*args,**kwargs): '''执行函数之前要做的''' ret = func(*ar ...

  2. HDU 6354--Everything Has Changed(判断两圆关系+弧长计算)

    题目 题意:首先给定一个以原点为圆心,R为半径的圆,之后在给m个圆,这些圆可能会和原来的圆有所交集,计算开始的圆剩余区域的周长,不包括内部周长. 首先判定两圆关系,如果内含,直接加上圆的周长,如果相交 ...

  3. 关于 'list' object has no attribute 'select'

    我是在写爬虫是遇到了这个问题: c = chapter.select('href')AttributeError: 'list' object has no attribute 'select' 这是 ...

  4. ab工具测试 swoole 和 ngixn＋php-fpm 的并发对比

    测试样例: 执行的一条sql记录的1w次插入分两组: 一组用nginx+pfm 来执行, 一组用swoole 来执行 公平性保证前提: @1.为了保证公平性, 在nginx里把 access_log, ...

  5. ABAP术语-Lock Argument

    Lock Argument 原文:http://www.cnblogs.com/qiangsheng/archive/2008/02/29/1085717.html Locked fields in ...

  6. python元组操作

    元组:(tuple)元素不可被修改,不能被增加或者删除 一般写元组的时候,建议在最后加上一个逗号 可以索引取值    可以切片取值 元组一级元素不可被修改,但是二级及以后可以被修改 count() 获 ...

  7. 在Vue项目里面使用d3.js

    之前写一个 Demo里面 有些东西要使用d3实现一些效果 但是在很多论坛找资源都找不到可以在Vue里面使用D3.js的方法,npm 上面的D3相对来说 可以说是很不人性化了 完全没有说 在webpac ...

  8. PHP如何实现99乘法表？

    看到这个问题,可能大家更多的是考虑到用for循环,个人觉得使用for循环太影响程序性能.推荐使用递归处理.  /** * Title : 递归实现99乘法表 * Author : Bruceqi * ...

  9. 【Nginx】Nginx配置REWRITE隐藏index.php

    只需要在server里面加上 if (!-e $request_filename) { rewrite ^/(.*)$ /index.php/$1 last; break; }

  10. libpng的使用

    zlib 适用于数据压缩的函式库,由Jean-loup Gailly (负责compression)和 Mark Adler (负责decompression)开发. zlib被设计成一个免费的.通用 ...