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

webstorm是一款前端Javascript开发编辑的神器&＃xff0c;此文介绍webstorm的中文教程和技巧分享。

webstorm8.0.3中文汉化版下载&＃xff1a;
百度网盘下载&＃xff1a;http://pan.baidu.com/s/1pJI9PMV

WebStorm为前端Javascript开发而生&＃xff0c;专门为 Javascript开发做了很多优化&＃xff0c;令前端工程师眼前一亮的。

一、webstorm的功能

1、webstorm的智能的代码补全&＃xff1a;

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

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

2、webstorm代码格式化&＃xff1a;

代码不仅可以格式化&＃xff0c;而且所有规则都可以自己来定义&＃xff1a;

3、代码编写中的html提示&＃xff1a;

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

而且html里面还能有js提示

4、代码导航和用法查询&＃xff1a;

只需要按着Ctrl键点击函数或者变量等&＃xff0c;就能直接跳转到定义&＃xff1a;

可以全项目查找函数或者变量&＃xff0c;还可以查找使用并高亮&＃xff1a;

5、代码重构(这个操作有些像Resharper&＃xff0c;熟悉Resharper的用户应该上手很快)&＃xff1a;

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

内联变量重构之后变为&＃xff1a;

6、代码检查和快速修复&＃xff1a;

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

7、webstorm代码调试&＃xff1a;

8、代码结构浏览&＃xff1a;

可以快速浏览和定位

9、代码折叠&＃xff1a;

10、包裹或者去掉外围代码&＃xff1a;

去掉之后就成了&＃xff1a;

二、webstorm常用快捷键

查找/代替

界面操作

懒人建站http://www.51xuediannao.com/

代码编辑

导航

建议配置版本控制快捷键

webstorm8.0.3中文汉化版下载&＃xff1a;
百度网盘下载&＃xff1a;http://pan.baidu.com/s/1pJI9PMV