webstromJavascript开发工具使用指南

webstromJavascript开发工具使用指南
看到webstrom网上的一篇文章,觉得功能很强大。为什么你从阿里巴巴的前端有个想法GitHub文件吗(传说,淘宝建议js webstrom)。

我们可以理解IDE是很多你想要的或你不想要的东西的集成,换句话说,有很多插件编辑器,所以到目前为止,我认为不需要添加任何插件到它。

然后我们开始介绍webstrom特点:
WebStorm是一个商业的Javascript开发工具推出由JetBrains

所有的编辑都需要保存(Ctrl + S),这是编辑软件赢得了平台的所有特征,但webstorm编辑文件不熟悉的右上角。

好处:在Ctrl + S之后,在Firefox的组合中,基本上不移动鼠标就能看到结果页面。

糟糕的是:没有先前的标志,单个磁盘的误操作将立即存储。

没有任何编辑历史记录,只要关闭该文件,但webstorm有。风投->本地历史->显示历史(快捷键:Alt + ~ -> 7)

优势:只要webstorm不是封闭的,你的文件可以在任何时候返回到先前的操作。这就是为什么Ctrl + Y在webstorm行。

坏事:历史的webstorm已重新启动后;一个坏的事情是,内存消耗必然是大。

没有编辑以外的任何地方服务器SVN版本,但webstorm提供本地文件的修改历史(快捷键:Alt + Shift + C)。Ctrl + E也可以弹出最近打开的文件。

好处:相当于当地SVN。

坏:内存消耗也是不可避免的。

它集成了zencoding,HTML5,FTP,即时编辑(Chrome),自动完成,Javascript调试器基于Mozilla,JSLint,不支持,Coffeescript支持Node.js,单元测试,集成Git版本控制。

在编写CSS时,将对各种文件和图片的路径进行智能提示,并且不需要确认文件是否存在。

介绍了其他的功能,并想知道更多关于去webstrom网站。看完这个介绍和许多很棒的功能,不是一种冲动马上试试这个传奇的前神器好.

第一个官方下载页面下载webstrom,请单击安装,然后下一步,最后将有需要登记代码接口,因为webstrom是商业的IDE,当然买这么贵的神器中国草根前更少的钱,别担心,我们可以用WebStorm的关键学习这方面的神器使用。嘿~ ~ ~ ~

安装后,一定会有一些不适,比如我认为配色太戳了,有些设置不是我想要的,然后我列出我的习惯设置。

一些设置技巧后webstorm安装:

如何更改主题(字体颜色匹配):

文件->设置->编辑-> colorsfonts ->方案名称。主题下载地址

如何让webstorm打开项目文件的开始:

文件设置>一般打开上次项目>删除启动。

如何完美地展示汉语:

文件->设置->外观蜱重写默认字体(不推荐),姓名:NSimSun,尺寸:12

如何显示行号:

文件显示行号->设置->编辑,笪尚苟,显示的行数

如何自动更改代码:

文件编辑器>设置>使用编辑器5中的软包装,包装代码

如何单击光标,显示在该行的结尾处:

文件设置->编辑器允许放置插入后结束行删除线钩。

如何修改键盘键:

文件,设置->键,然后双击要修改的快捷功能将提示框,根据提示

为了尽快熟悉一下编辑器:

文件->设置->按键映射,支持主流IDE如Visual Studio、Eclipse、NetBeans。

javascript类库提示。

文件>设置> Javascript >库>,然后选择列表中常用的Javascript库,最后下载并安装在OK上。

在开发JS时,需要使用Ctrl +返回来选择候选选项:

文件->设置->编辑->程序->完成预选第一个建议:聪明,总是

js提示慢

文件完成->编码-> autopopup 1000至0

Git的配置:

文件->设置->编辑-> GitHub改良Github账户,如果没有Git不需要。

插入式安装:

文件>插件,然后选择令人敬畏的插件和安装。(css-x-fire插件Firebug使用时修改CSS属性,CSS代码的编辑会改变。)

后来更新

Webstorm用他的心

集函数:
当工程目录是非常大的,一些子目录,通常是开放的,但层深。此时,您可以将目录添加到收藏夹中。添加成功后,左侧有一个收藏夹菜单。
面包屑导航:
除了左侧的工程页面外,还可以选择外部目录。有一个目录类似,在顶部菜单上的面包屑导航,也可以达到同样的工作。点击每个目录下会有一个下拉菜单,显示子目录下。它非常有用。
构造函数的接口:
注释符合格式。如果js文件是js类的函数和对象,CSS文件是CSS文件的泛化;HTML文件是节点的结构。这些是为了更容易地看到代码的结构。
做界面:
此接口将与代码的注释一起出现。
双柱编码接口:
右键单击文件上的代码选项卡,然后右击>垂直溢出(大约两个屏幕)或水平地溢出(两个屏幕)。
地方历史功能:

返回代码的好方法
Git使用
是的webstorm Git常见操作相集成并不能完全取代了命令行工具,在界面的右下角,你可以看到哪些分支是它。你也可以点击或建立一个新的分支上。

查看当前代码和版本库代码之间的区别:
右键单击任何代码接口区域,选择与之比较,然后选择比较存储库。

Webstorm的快捷键:

编辑编辑相关快捷键

控件+空格:

基本代码完成(任何类、方法或变量的名称)完成基本代码(任何类、函数或变量名),而不是ALT + s。

Ctrl + Shift +输入:

完整的陈述以补充目前的声明

Ctrl + P:

参数信息(方法调用参数内)参数信息包括方法调用参数

鼠标加上代码

简要信息

Ctrl + F1

在插入符号显示错误信息或警告信息的光标的位置错误或警告的描述

ALT +插入

生成的代码…(干将,二传手,构造函数)创建一个新文件或生成代码,…构造函数,getter和setter方法可以用于任何类中的字段创建

Ctrl + O

重载方法重载方法

Ctrl +我

实施方法实施方法

按Ctrl + Alt + T

在选定的代码行周围环绕(如果,另外,尝试,捕捉,等等)*(*包括,如果,尝试捕获,等等)

Ctrl +

评论/注释行注释行注释/取消行注释

Ctrl + + /移位

注释/取消块注释块注释/取消块注释

Ctrl + W

选择连续增加的代码块选择代码块,通常是增量选择。

Ctrl + Shift + w

将当前选择减少到快捷键返回的先前状态,减少代码的选择

ALT + Q

上下文信息上下文信息

Alt + Enter

显示意图动作和快速修复意图动作,快速效果

按Ctrl + Alt + L

格式化代码格式化代码基于模板格式

制表符/ Shift +制表符

缩进/取消缩排选线对压痕过程/取消压痕工艺选择

Ctrl + X或Shift +删除

将当前行或选定的块剪切到剪贴板,将当前行或选定的代码块剪切到剪贴板。

Ctrl + C或Ctrl +插入

拷贝当前行或选定的块纸板复制当前行或选定的代码块复制到剪贴板

Ctrl + V或移位+插入

从剪贴板粘贴粘贴剪贴板上的内容

按Ctrl + Shift + V

从最近的缓冲区粘贴粘贴缓冲区中的最新内容。

按Ctrl + D

通过复制当前行或选定块复制当前行或选定代码块

Ctrl + Y

删除线在插入删除光标的位置

Ctrl + Shift + j

智能行连接(HTML和Javascript)被添加到智能行(HTML和Javascript)中。

Ctrl+Enter

通过智能行拆分(HTML和Javascript)分离智能行(HTML和Javascript)

Shift+Enter

启动新行是另一行

Ctrl + Shift + u

在插入符号或字块光标位置和切换箱尺寸转换

Ctrl + + /移位

选择直到代码块结束/开始选择直到块结束/开始。

Ctrl + Delete

删除到单词末尾删除文本的结尾。

Ctrl + Backspace

删除到单词开始删除文本开始

Ctrl +小键盘+ /—

展开/折叠代码块扩展/减少代码块

按Ctrl + Shift +小键盘+

展开全部展开

按Ctrl + Shift +小键盘—

崩溃降低了所有

Ctrl + F4

关闭活动编辑器选项卡关闭活动编辑标签

搜索/替换搜索/替换相关快捷键

按Ctrl + F

查找当前文件中的快速查找代码

Ctrl +移位+ F

路径查找指定文件中的搜索路径。

F3

查找下一个查找下一个

Shift+F3

查找上次查找的最后一个

按Ctrl + R

替换当前文件中的代码替换

按Ctrl + Shift + R

路径替换指定文件中的代码批替换。

使用搜索搜索相关快捷键

Alt + F7 / Ctrl + F7

查找使用/查找文件中的用法被发现在文件查找中使用

按Ctrl + Shift + F7

在文件文件中高亮显示用法的出色应用

按Ctrl + Alt + F7

显示用法

Running operation

Alt + Shift + F10

选择配置并运行,选择架构,运行

Alt + Shift + F9

选择配置和调试,选择修复漏洞的体系结构。

Shift+F10

运行操作

SHIFT+F9

调试补丁的bug

按Ctrl + Shift + F10

从编辑运行内容架构中从编辑器运行上下文配置

Ctrl + Shift + x

运行命令行运行命令行

调试相关的快捷键

F8

单步执行不输入函数

F7

单步执行

Shift + F7

智能单步执行智能单步执行

Shift + F8

走出去跳出去

Alt + F9

运行到游标运行到光标。

Alt + F8

表达式求值表达式求值

F9

恢复程序重新启动程序

Ctrl + F8

切换断点断点

按Ctrl + Shift + F8

查看断点查看断点

导航位置相关快捷键

按Ctrl + N

向类跳转到指定的类。

按Ctrl + Shift + N

要通过文件名快速查找项目中的文件

Ctrl + Alt + Shift + N

符号通过一个字符找到函数的位置。

右/左

到下一个/前一个编辑器选项卡输入下一个/前一个编辑器选项。

F12

回到以前的工具窗口进入最后一个工具窗口

ESC

到编辑器(从工具窗口)从工具窗口进入编辑器

Shift + Esc

隐藏活动窗口或最后一个活动窗口隐藏的活动窗口

Ctrl +移位+ F4

关闭活动的运行/消息……选项卡关闭活动…标签

按Ctrl + G

直线跳转到直线

Ctrl + E

最近的文件弹出弹出最近打开的文件

Ctrl + Alt +左/右

向后导航/向前导航/后退

按Ctrl + Shift + Backspace

导航到最近的编辑位置到最近编辑的定位导航。

Alt + F1

在任何视图中选择当前文件或符号,在其他接口模块中查找当前选定的代码或文件的位置。

Ctrl + B或Ctrl +点击

声明跳转到定义

Ctrl + Alt + Alt

实现(s)跳转方法的实现

按Ctrl + Shift + B

键入声明跳转方法定义

Ctrl + Shift + i

打开快速定义查找打开定义快速查找

按Ctrl + U

超级方法超级类跳转方法

Alt +上/下

前一种方法是在方法之间快速移动。

Ctrl +

移动到代码块的结束/开始跳转到代码块的结束/开始。

Ctrl + F12

文件结构弹出文件结构弹出

按Ctrl + H

类型层次结构类型

按Ctrl + Alt + H

调用层次结构调用层次结构

F2/移位+ F2

下一步/前面高亮显示的错误跳转到前面的上一个错误,突出显示错误或警告快速定位,使用此快捷键可以快速跳转到错误语句之间。

输入

编辑源/视图源编辑源代码/视图源代码

Alt +家

显示导航栏显示导航栏

F11

切换书签切换标记

按Ctrl + F11

使用记忆交换标记来切换带有助记符的书签

按Ctrl + # 0-9 } {

编号的书签跳转到数字标记。

SHIFT+F11

显示书签显示标记

重构重构相关快捷键

F5

副本

F6

移动

Alt + Delete

安全删除安全删除

Shift+F6

重命名

按Ctrl + Alt + N

内嵌变量嵌入变量

按Ctrl + Alt + M

提取方法(javascript)提取功能

按Ctrl + Alt + V

引入变量引入变量

Ctrl + Alt + f

介绍领域介绍领域

按Ctrl + Alt + C

引入常数引入常数

VCS /本地历史版本控制系统/本地历史相关的快捷键

Alt +反引号()

vcs'quick弹出快速弹出VCS

Ctrl + K

向风险投资公司提交项目向风险投资公司提交项目

按Ctrl + T

从VCS更新项目从VCS更新项目

Alt +移位+ C

查看最近的更改查看最新更改

一般常用的相关快捷键

Ctrl +移位+ A

查找和调用编辑器的find操作的功能

Alt + # 0-9 } {

打开相应的工具窗口快速切换接口模块

按Ctrl + Alt + F11

切换全屏模式开关全屏模式

按Ctrl + Shift + F12

最大化编辑器开关最大化编辑器

ALT +移位

添加到收藏夹,将当前文件添加到收集器。

ALT +移位+ i

使用当前配置文件检查当前文件,使用当前属性检查当前文件。

Ctrl +反引号()

利用快速开关电流方案快速转换现有组合

Ctrl + Alt + s

打开设置对话框打开设置对话框

Ctrl + Tab

制表符和工具窗口标签和工具窗口之间的转换(与Windows快捷键冲突)

小朋友已经知道这个Javascript开发工具webstrom我等不及要试一下了,你用它的时候一定要忍不住。

tag:使用指南开发工具电脑软件webstromJavascript

相关内容