当前位置:首页 > 日记 > 正文

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我等不及要试一下了,你用它的时候一定要忍不住。

相关文章

5分钟浪漫情人节

5分钟浪漫情人节

情人节,浪漫,电脑软件,本教程是一个浪漫的情人节PS字体,快速创建纹理介绍给朋友,只需5分钟就可以完成课程,做文字效果真的很漂亮,难度也不大,推荐给朋友,爱可以跟着教程学习。 本教程教ps学习者使用ps快速创建浪漫情人节字体。教程生成的文本很…

Excel在excel2013基地设置密码的操

Excel在excel2013基地设置密码的操

密码,操作,设置,基地,电脑软件,当我们把Excel表格,我们有各种各样的保密要求。例如,我希望只有我可以打开它,和别人打不开,而别人看不到的内容。今天,小编辑教你如何在excel2013设置密码。 在excel2013设置密码的操作步骤: 打开excel表格,点击左…

学习PHP开源项目的源代码指南

学习PHP开源项目的源代码指南

开源项目,学习,源代码,指南,电脑软件,A. First安装源代码,结合它的文档和手册,熟悉它的功能及其应用。 浏览目录结构的源代码,了解各种目录的功能。 三。经过两级以上,我相信你有这个开源的产品有一个初步的了解,现在开始分析它的源代码。在这…

画家画了一个可爱的小老鼠插画。

画家画了一个可爱的小老鼠插画。

插画,画了,画家,老鼠,可爱,本教程介绍一个可爱的小老鼠的插图画家画一个鼠标使用教程是真的很可爱,有点难,因为作者没有附上相应的绘制步骤,它只是说明你的渲染过程,所以你需要学习,你必须有一定的艺术技巧,但教程很实用,转发与朋友分享。 本教程…

PS制作漂亮的双向流线动画效果教程

PS制作漂亮的双向流线动画效果教程

教程,动画效果,双向,漂亮,电脑软件,本教程介绍了一个朋友以ps制作漂亮的双向流线型人物动画的方法。教程产生的效果非常漂亮,难度也不大。建议你喜欢你的朋友一起学习。 双向飘带,这是很好用ps制成,没有太多细节。 下图是根据效果图(第1层和第…

用ps把一张包的做成一张草图。

用ps把一张包的做成一张草图。

草图,电脑软件,ps,本教程将向您介绍使用ps使包绘制成草图图像的效果。本教程比较简单,适合初学者学习,推荐大家一起学习。 素描画给人看的是另一种感觉,如果你想画一幅素描,你对艺术一无所知,至少练习一年左右,用PS做一张素描的画是简单的,多余的…

FCK编辑器焦点问题

FCK编辑器焦点问题

焦点问题,编辑器,电脑软件,FCK,第一个问题:法院处理 当页面被加载在FCK的任务,如信息列表,选择查看或修改信息时,当添加FCK编辑器,加载页面时,将加载FCK编辑器,这将给一个错误:FCKeditorAPI定义你怎么解决呢 我们可以进行法庭治疗。 该控件的内…

对Javascript系列的深入理解(46):代码重用模

对Javascript系列的深入理解(46):代码重用模

模式,代码重用,详细说明,建议,系列,介绍 本文中介绍的四种代码重用模式都是最佳实践,建议在编程过程中使用。 模式1:原型继承 原型继承的目的是使父对象作为子对象的原型,以达到继承的目的。 复制代码代码如下所示: 函数对象(o){ 函数f(){ }…

PS使现实老照片教程

PS使现实老照片教程

教程,老照片,现实,电脑软件,PS,本教程是向PS介绍一位朋友,制作逼真的老照片。教程制作的照片非常好,难度也不是很大。建议我们一起学习。 如何利用PS制作旧照片,介绍了用PS制作旧照片的过程,并详细地阐述了步骤。 制作旧老照片 1,打开照片,解锁,…

PS图象处理软件生产的辉煌的电子商

PS图象处理软件生产的辉煌的电子商

促销,图象,处理软件,海报,视觉冲击,效果是很有影响的,笔者在制作中也很难做出选择。首先选取一些海报有更多的影响作为参考,然后根据海报风格再次拍摄素材,背景和效果的素材,然后再进行贴图和渲染。 效果是很有影响的,笔者在制作中也很难做出选…

PS图象处理软件的设计和创造现实的

PS图象处理软件的设计和创造现实的

投影,创造,图象,处理软件,现实,图形看起来更复杂,掌握这个方法非常简单,本教程主要介绍图层样式和形状的应用。它只需要把文字变成形状,与其他形状结合起来,然后用图层样式增加浮雕和投影,效果就出来了。 效果图似乎更复杂,而且方法很简单,本教程…

PHP操作xmlxml标记的属性分析

PHP操作xmlxml标记的属性分析

操作,属性,分析属性,标记,电脑软件,本文演示了PHP操作XML的XML标签的属性,供您参考,具体分析如下: 复制代码代码如下所示: 乔 女性的 二十三 周宇 男性的 二十六 属性的文字,如id =no001 案。 注: (1)属性值必须用单引号或双引号分开。 (2)XM…