数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心最新资讯软件资讯 → webstorm2017应该怎么用 webstorm使用教程

webstorm2017应该怎么用 webstorm使用教程

时间:2017-03-20 14:55:29人气:257作者:网友整理
机战僵尸2017内购版(钻石免费) v1.2 安卓修改版
机战僵尸2017内购版(钻石免费) v1.2 安卓修改版 for Android
  • 类型:飞行射击大小:26.07M语言:简体中文 评分:3.0
  • 僵尸类电影大家应该都看了不少了,僵尸类的游戏应该也玩过不少,机战僵尸2017内购...
立即下载
个税计算器2017版(个人所得税计算器) v1.2 安卓版
个税计算器2017版(个人所得税计算器) v1.2 安卓版 for Android
  • 类型:安卓其他大小:17.80M语言:简体中文 评分:3.0
  • 2017年的个人所得税怎么算呢?用个税计算器2017版就能够轻松的算出来!个税计...
立即下载
办公软件WPS使用教程appv1.3 安卓版
办公软件WPS使用教程appv1.3 安卓版 for Android
  • 类型:安卓学习阅读大小:31.17M语言:简体中文 评分:3.0
  • WPS不会用?那你不学习一下怎么可以。生活办公都经常能使用的到,办公软件WPS使...
立即下载

小伙伴们是不是等webstorm太久了呢?但是到底webstorm2017应该怎么用 webstorm使用教程给你相当详细的介绍哦!说实话,小编真的是耗费了好长时间才找到的呢!像什么webstorm汉化啦!webstorm注册码啦!所以小伙伴们一定不要枉费小编的一片心意哦!好了!废话不多说了!现在就开始咯!

webstorm2017应该怎么用 webstorm使用教程

webstorm的功能:

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

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

webstorm2017应该怎么用 webstorm使用教程

webstorm2017应该怎么用 webstorm使用教程

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

2、webstorm代码格式化:

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

webstorm2017应该怎么用 webstorm使用教程

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

webstorm2017应该怎么用 webstorm使用教程

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

webstorm2017应该怎么用 webstorm使用教程

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

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

webstorm2017应该怎么用 webstorm使用教程

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

webstorm2017应该怎么用 webstorm使用教程

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

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

webstorm2017应该怎么用 webstorm使用教程

内联变量重构之后变为:

webstorm2017应该怎么用 webstorm使用教程

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

webstorm2017应该怎么用 webstorm使用教程

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

webstorm2017应该怎么用 webstorm使用教程

7、webstorm代码调试:

webstorm2017应该怎么用 webstorm使用教程

8、代码结构浏览:

可以快速浏览和定位

webstorm2017应该怎么用 webstorm使用教程

9、代码折叠:

webstorm2017应该怎么用 webstorm使用教程

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

webstorm2017应该怎么用 webstorm使用教程

去掉之后就成了:

webstorm2017应该怎么用 webstorm使用教程

webstorm查找/代替:

快捷键         说明

ctrl+shift+N     通过文件名快速查找工程内的文件(必记)

ctrl+shift+alt+N  通过一个字符快速查找位置(必记)

ctrl+F         在文件内快速查找代码

F3            查找下一个

shift+F3        查找上一个

ctrl+R         文件内代码替换

ctrl+shift+R     指定目录内代码批量替换

ctrl+shift+F     指定目录内代码批量查找

ctrl+R         文件内代码替换

webstorm界面操作:

快捷键         说明

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          文件内代码替换

webstorm代码编辑:

快捷键         说明

ctrl+D         复制当前行

ctrl+W         选中单词

ctrl+<-或->      以单词作为边界跳光标位置

alt+Insert      新建一个文件或其他

ctrl+alt+L      格式化代码

shift+tab/tab    减少/扩大缩进(可以在代码中减少行缩进)

ctrl+Y         删除一行

shift+enter     重新开始一行(无论光标在哪个位置)

webstorm导航:

快捷键         说明

esc           进入代码编辑区域

alt+F1         查找代码在其他界面模块的位置,颇为有用

ctrl+G         到指定行的代码

ctrl+]/[        光标到代码块的前面或后面

alt+up/down     上一个/下一个方法

建议配置版本控制快捷键:

快捷键         说明

ctrl+C         提交代码

ctrl+p         向远程版本库推送更新

ctrl+G         到指定行的代码

ctrl+]/[       光标到代码块的前面或后面

alt+up/down     上一个/下一个方法

webstorm下载专区中还有好多精彩内容呢!你不想来看看嘛?

相关文章

猜你喜欢

webstorm下载专区
webstorm下载专区

webstorm下载专区

webstorm被誉为广大中国JS开发者严重的Web前段开发神器,今天奉上webstorm下载专区给...[更多]

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。