精华内容
下载资源
问答
  • WebStorm功能特点以及使用指南 首先看看WebStorm合其他的IDE有什么特别之处。1)自动保存,不需要你一次又一次地ctrl+s啦,所有的操作都直接存储,当然,万一键盘误操作也会被立即存储,不过我们可以通过本地版本控制...

    WebStorm功能特点以及使用指南

    首先看看WebStorm合其他的IDE有什么特别之处。
        1) 自动保存,不需要你一次又一次地ctrl+s啦,所有的操作都直接存储,当然,万一键盘误操作也会被立即存储,不过我们可以通过本地版本控制解决这个问题。
        2) 任何一个编辑器只要文件关闭了就没有历史记录了,但是webstorm有。就是说,只要webstorm不关闭,你的文件随时可以返回到之前的操作,webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的,由此带来的内存消耗也必然比较大。
        3) 任何一个编辑器,除了服务器svn之外,没有本地版本,但是webstorm提供一个本地文件修改历史记录。
        4) 与时俱进的眼光。zencoding于2009年出现于it界,在这之后,鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等 就不一一列举了。
        5)提供的插件也是比较齐全,安装非常方便。这样带来了另外的问题,以前的eclipse是安装第三方的,webstorm貌似不能安装第三方的插件。
        6) 可以导出当前设置:File -> Export setting。

    下来是配置和使用:
        1) 主题,把下载好的主题包放在C:\Users\jikey(用户名)\.WebIde10\config\colors目录下,然后重启webstorm,settings –> colors & fonts –>scheme name中选择主题名。
    如果出现特别长代码对齐白线,在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉即可。
        2) 添加VIM插件:
    File -> Settings -> Plugins -> Browse repositories -> 搜索vim,对它单击右键Download and install,然后重启IDE就可以了。
        3) 除了webstorm之外,此公司还提供另外一个针对phper的开发工具,phpStorm,主页上说明,phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示,所以还得配置:
    File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->
    In method declaration : End of line.
        4) zencoding默认的快捷键是Tab,如果你需要修改zencoding快捷键的话:File -> Setting -> Live Templates 。
        5) 在开发js时发现,需要ctrl + return 才能选提示候选项,又需要配置:File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改为 Always
        6) 注意的地方是:Webstorm的调试不支持中文路径中文文件名。

    下面是Webstorm的一些常用快捷键:

    1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。

    2. ctrl + j: 输出模板

    3. ctrl + b: 跳到变量申明处

    4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)

    5. ctrl + []: 匹配 {}[]

    6. ctrl + F12: 可以显示当前文件的结构

    7. ctrl + x: 剪切(删除)行,不选中,直接剪切整个行,如果选中部分内容则剪切选中的内容

    8. alt + left/right:标签切换

    9. ctrl + r: 替换

    10. ctrl + shift + up: 行移动

    11. shift + alt + up: 块移动(if(){},while(){}语句块的移动)

    12. ctrl + d: 行复制

    13. ctrl + shift + ]/[: 选中块代码

    14. ctrl + / : 单行注释

    15. ctrl + shift + / : 块注释

    16. ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息

    17. ctrl + '-/+': 可以折叠项目中的任何代码块,它不是选中折叠,而是自动识别折叠。

    18. ctrl + '.': 折叠选中的代码的代码。

    19. shift + esc: 当前激活的任意小窗口最小化,也可以是alt+数字键,数字在小窗口有显示。

    20. alt + '7': 显示当前的函数结构。

    21. 如果是*.html页面,则在文件名下的导航栏某DOM结构上右键,可以全选当前DOM结构。

    展开全文
  • WebStorm 导航功能

    2021-04-10 14:19:25
    WebStorm 提供了许多方法,可以更高效地在源代码、项目文件和 IDE 设置中四处走动。让我们来看看其中的一些。 IDE 导航:学习如何快速切换设置并使用所有关键功能,即使您不记得它们的快捷方式。 文件导航:了解...

    WebStorm 提供了许多方法,可以更高效地在源代码、项目文件和 IDE 设置中四处走动。让我们来看看其中的一些。

    • IDE 导航:学习如何快速切换设置并使用所有关键功能,即使您不记得它们的快捷方式。
    • 文件导航:了解如何在项目中的文件和选项卡之间跳跃。
    • 代码导航:探索最快的方式去符号声明,并找到其用法,以及如何查看通过文件的结构。

    如果你想进一步潜水,看看在WeStorm指南的导航技巧和技巧。您还可以在源代码导航中找到一些有用的信息,并查找和替换我们文档的部分。

    IDE 导航

    查找操作并切换 WebStorm 设置

    在 WebStorm 中,您可以执行许多操作,其中相当多的操作甚至有自己的专用快捷方式。但是,如果你不知道这些捷径是什么呢?或者,如果你忘记了行动的捷径呢?搜索操作消除了这些问题!所有你需要做的是按Ctrl+Shift+A/⇧⌘A,并开始键入您想要执行的操作的名称。键入时,列表会进行优化,以便您可以轻松定位操作。你甚至可以运行它的权利从搜索弹出窗口-只需按输入

     

    Find actions and run them from the Search Everywhere popup

     

    搜索操作使拖拉 WebStorm 设置变得简单。您不再需要在"设置/首选项"中浏览大量页面。你可以简单地开始键入你需要什么,选择行动,并按输入。WebStorm 将您直接带到"设置/首选项"对话中的右侧页面。

     

    Find an action that toggles WebStorm settings and open the corresponding page in the Settings/Preferences dialog.

     

    如果该操作调用弹出窗口,则显示此弹出窗口,
    而不是"设置/首选项"对话。

     

    Find an action that toggles WebStorm settings and run from a popup.

     

    文件导航

    打开您最近使用的文件

    当您执行任务时,您可能会在同一文件集合之间跳跃。获取文件很容易。您可以只需按Ctrl+E/⌘E调用最近的文件弹出窗口,然后选择您需要的文件。

    要缩小选项范围,请使用"速度搜索"功能。只需开始键入您需要的文件的名称,您就会看到"搜索"字段。当您键入时,列表将变得更加精致。您还可以选择仅更改的"显示"复选框,仅查看已修改的文件。

     

    Find files you have recently worked with.

     

    最后但并非最不重要的,弹出窗口为您提供了快速访问所有工具窗口。它们列在左侧窗格中。

    在项目中查找文件

    好了,现在你已经看到了如何重新打开一个文件是没有问题的。但是,如果你需要一个文件,你没有打开多年,甚至没有工作呢?WeStorm再次提供了一个解决方案-只需按Ctrl+Shift+N/⇧⌘O,并开始键入文件名。 即使你不记得文件的确切名称,它的名字的任何部分都会做。随着您键入,建议列表将变得更加精致。选择您需要的文件并按"输入"。

     

    Find a file by its name

     

    如果您不知道文件的名称是什么,但您知道文件包含哪些类或方法,则搜索符号(Ctrl+Shift+alt+N/⌥⌘O)可能是您需要的。

    在打开的文件之间跳跃

    当您在大量选项卡中打开大量文件时,如何找到所需的文件?右撇子/⇧⌘]阿尔特左/⇧⌘]会有所帮助!

     

    Switch between files opened in the editor tabs.

     

    更快地围绕项目移动

    在文件夹结构复杂的大型项目中,在您的项目中快速查找文件的一个方便方法是使用导航(Alt+Home /⌘+。此栏显示活动编辑器选项卡中从项目根到文件的路径。使用箭头键或鼠标指点,您可以浏览文件夹以查找所需的文件。

     

    Find and open files and folders using the Navigation bar.

     

    导航栏是项目工具窗口中搜索的一个很好的替代方法。有了导航栏,您不需要在探索其内容后崩溃展开的目录。你可以继续下一个,WeStorm将为你做清理。

    代码导航

    跳转到符号声明并查找其用法

    WeStorm可以迅速带你到符号声明。为此,将护理放在变量、字段、方法或任何其他符号上,按Ctrl+B / ⌘B

     

    Navigate from a symbol usage to the symbol declaration.

     

    如果您喜欢使用鼠标,您可以按住Ctrl/⌘并将鼠标指尖悬停在符号上。当符号变成超链接时,单击超链接。

     

    Navigate from a symbol usage to the symbol declaration using Ctrl+Click / CmdClick.

     

    要查看申报符号的使用位置,请将护法放在符号声明处,并按Ctrl+B / ⌘B。如果你想跳转到一个用法,选择它在列表中,并按输入

     

    Navigate from the declaration of a symbol to symbol usages.

     

    查找用法功能(Alt+F7 / ⌥F7) 是您需要的,当您已经在一个符号的一个用法,你想在查找工具窗口中查看其其他用法。从工具窗口,您可以通过双击跳转到所列出的任何用法。

     

    Navigate between usages of a symbol (Find Usages).

     

    查看符号定义

    通常,您只想查看符号的定义。而不是跳到符号的声明和失去焦点,把照顾在符号和按Ctrl+Shift+I/⌥空间。定义将显示在弹出窗口中。

    View the definition of a symbol in a popup.

    探索文件的结构和层次结构

    如果一个文件是大和深嵌套,探索其结构和层次结构可能需要相当多的时间和精力。然而,这变得容易得多与面包屑和结构工具窗口。

    面包屑出现在编辑器的底部,并在当前打开的文件中显示类、变量、函数、方法和标签的名称。要到达所需的位置,只需单击相应的面包屑。

     

    Find an element in your file using breadcrumbs.

     

    使用结构工具窗口(Alt+7 ⌘7),您可以获得当前文件结构的概述。

    要查找元素,请在工具窗口区域的任何地方开始键入其名称,然后按"输入"来选择它。按F4/⌘↓跳转到代码中的选定元素。

     

    Find an element in your file using the Structure tool window.

     

    如果您更喜欢弹出窗口而不是工具窗口,您可以使用结构视图

    如果您有任何问题或反馈,请毫不犹豫地将其发布到下面的评论中。

    展开全文
  • webstorm实用功能

    2017-04-22 19:29:08
    webstorm常用快捷键: 1.ctrl+shift+N 快速查找文件。 2.ctrl+w 选中单词。 3.shift+Enter 重新开始一行。 4.shift+alt+向上箭头 向上移动整行代码。 5.ctrl+shift+v打开剪切板 几个实用功能: 1.多光标:...

    webstorm常用快捷键:

    1.ctrl+shift+N 快速查找文件。
    2.ctrl+w 选中单词。
    3.shift+Enter 重新开始一行。
    4.shift+alt+向上箭头  向上移动整行代码。
    5.ctrl+shift+v打开剪切板

    几个实用功能:

    1.多光标:按住alt键可以用鼠标选中多个目标,按Esc取消。
    2.版本控制/历史记录:点击右键选择Local History会显示每一次的修改。
    3.快速书写代码:主要有>、+、^、*、()、#、.、[ ]、{}几个符号。下面举例说明:
    用div+div#contain>ul>li.item>a{快速搭建代码}这样一句代码在按一下Tab键就可以快速搭建下面的代码
    <div></div>
    <div id="contain">
        <ul>
            <li class="item"><a href="">快速搭建代码</a></li>
            <li class="item"><a href="">快速搭建代码</a></li>
            <li class="item"><a href="">快速搭建代码</a></li>
        </ul>
    </div>
    +代表同级元素,>类似于父子选择器,^表示向上一级,*表示有几个元素,#与.跟css选择器保持一致,[ ]代表的是自定义属性,{}标签中的文本。
    另外补充一个$符号,用于在类名后添加,可以自动补全编号。
    4.lorem(number)用于生产n个无意义的单词
    5.F1:可以用来图片预览或查看标签的更多属性

    展开全文
  • 关闭webstorm检测分号功能 以前都是用vscode,换了新公司,公司研发部同意都用webstorm,我也只好改用webstorm,话不多说,上图 接下来就是下图这样,就OK啦! ...

    关闭webstorm检测分号功能

    以前都是用vscode,换了新公司,公司研发部同意都用webstorm,我也只好改用webstorm,话不多说,上图

    我用了汉化包,所以是中文的
    接下来就是下图这样,就OK啦!
    在这里插入图片描述

    展开全文
  • WebStorm常用功能的使用技巧分享

    千次阅读 2016-11-29 15:13:41
    WebStorm 是 JetBrain 公司开发的专为 JavaScript 的 IDE, 使用非常方便, 可以使编写代码过程更加流畅。本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。
  • webstorm取消撤销功能

    千次阅读 2018-07-19 14:59:45
    webstorm使用过程中,若是Ctrl + Z过多或是Ctrl + Alt + Z,除了Ctrl + shift + Z外,还可直接在需要恢复的界面右击 —— local history —— show history,选择自己需要回复的文件内容。...
  • WebStorm 是 JetBrain 公司开发的一款JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅。 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大...
  • 【转载】WebStorm 常用功能的使用技巧分享 代码编辑 代码跳转: Ctrl + 左键 或者 Ctrl + B,可以跳转到函数或者变量的声明位置 调用位置: Alt + F7,查找调用者 自动补全: 最好是修改一下响应时间,Settings-&...
  • 1 自动注释和撤销注释:ctrl+/ ...我们知道在使用Linux命令的时候按tab键有自动补全的功能,在很多编译器里也是,在webstorm中当你想敲一些html元素时,比如: (1)想敲一对h1标签,只需要敲h1,按ta...
  • webstorm

    千次阅读 2018-04-17 09:31:43
    WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑文件右上角是没有那个熟悉的 * 的。好处:省去了ctrl + s...
  • WebStorm

    2019-10-04 10:17:22
    功能强大的前端专用IDE,拥有即时编辑(chrome)、自动完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、单元测试、集成git和svn版本控制等特性,推荐前端...
  • 卸载了WebStorm

    千次阅读 2014-08-19 14:52:12
    一直听说WebStorm功能非常强大,然后安装来使用了一下,感觉不是想要的。 他有的功能phpStorm全都有,但是webstorm打开PHP文件都无法识别,所以卸载了。by default7#zbphp.com
  • webstorm安装和基础功能安装步骤1、下载2、 安装3 、使用设置文字样式(字号大小、字体等)设置皮肤主题4、webstorm与VSCode的选择 安装步骤 1、下载 官网地址:https://www.jetbrains.com/webstorm/download/ 下载...
  • 解决Webstorm Debug功能消失的问题

    千次阅读 2019-01-25 16:47:04
    本来今天开开心心的码代码,但一次重启之后发现Debug功能没了…… 吐血,无奈先重装了一下(保存了个人配置),无果 最气的是,Webstorm里Debug相关设置竟然离奇消失,真是酸爽 这几天各种坑啊,诸事不宜…… 解决...
  • webstorm自动保存功能设置

    千次阅读 2019-11-04 16:56:10
    在红色方框内打勾,表示自动保存,取消则不自动保存。
  • Webstorm

    千次阅读 2014-04-23 15:41:39
    Sencha-Touch开发环境准备(Webstorm+Ruby) 一、准备工作  1、编码工具(推荐) WebStorm-7.0.3.exe http://download.jetbrains.com/webstorm/WebStorm-7.0.3.exe 2、SenchaSDK(用来创建、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,141
精华内容 4,456
关键字:

webstorm功能