• WebStorm安装与快捷键


    WebStorm是JetBrains 推出的一款强大的HTML5编辑工具(特别开发JavaScript非常好用),被JavaScript开发者誉为“web前端开发神奇”、“最强悍的JavaScriptIDE”,拥有丰富的代码快速编辑,可以智能的补全代码、代码格式化、html提示以及代码检查和快速修复等。WebStorm被广大中国JS开发者誉为“Web前端开发神器”。

    一、安装

    1.先下载:

    链接: https://pan.baidu.com/s/1jJVyU0I 密码: kx6s

    2.License server 注册

    安装完成,打开Webstorm,在弹出的License Activation窗口中选择“License server”,在输入框输入下面的网址: 
    http://idea.imsxm.com/ 
    点击:Activate即可。 

    3.安装成功之后:

    3.1设置背景色为黑色或者灰色,这里设置:

    Ctrl+Alt+S  打开配置窗口

    3.2设置字体大小

    二、快捷键集合:

    Ctrl+/或Ctrl+Shift+/ 注释(//或者/*...*/)
    Shift+F6 重命名
    Ctrl+X 删除行

    Ctrl+Shift+Up/Down 代码向上/下移动
    F2或shift+F2高亮错误或警告快速定位
    写代码,按Tab 生成代码
    选中文本,按Ctrl+Shift+F7 高亮显示所有该文本,按Esc高亮消失
    F11 切换标记
    Ctrl+Shift+U 光标所在位置大小写
    Ctrl+Delete 删除文字结束
    Ctrl+BackSpace 删除文字开始
    Ctrl+[或Ctrl+] 光标到代码块的前面或后面

    代码编辑器:

    Alt+J  选中多个相同字符串,和sublime的Ctrl+D的作用一样

    Ctrl+D 复制行
    Ctrl+W  选中单词

    Ctrl+←/→ 以单词作为边界跳光标位置

    Ctrl+Alt+L格式化代码

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

    Ctrl+Y  删除一行

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

    Alt+Shift+↑ 选中当前块
    Shift+Enter 重新开始一行

    Ctrl+E 弹出最近打开的文件

    Ctrl+Z  后退一步编辑

    Ctrl+shift+z 前进一步编辑

    界面操作:

    Ctrl+Shift+A 快速查找并使用编辑器所有功能(必记)

    Ctrl+Alt+S 打开配置窗口

    Ctrl+Tab  切换代码选项卡(还要进行此选择,效率差些)

    Ctrl+Shift+F12 切换最大化编辑器
    Ctrl+F4 关闭当前代码界面
    Alt+←/→ 切换代码界面
    Alt+[0~9] 快速拆合功能界面模块
    Alt+Shift+F添至收藏夹
    Ctrl+F12显示当前文件的结构

    查找:
    Ctrl+G查找行

    Ctrl+F查找文本(Ctrl+shift+L也是查找文本)

    Ctrl+R替换文本

    Ctrl+Shift+R  指定目录内代码批量替换

    Ctrl+Shift+F  指定目录内代码批量查找

    F3查找下一个
    Shift+F3查找上一个
    Ctrl+Shift+N 通过文件名快速查找工程内的文件
    Ctrl+Shift+Alt+N 通过一个字符快速查找位置
    Alt+F1查找代码在其他界面模块的位置

    三、Live Templates配置自定义快捷方式:

    这样就可以了

     四、好处:

    1.图片高度提示(当你输入图片路径的过程当中就会显示图片大小);

    2. 标签重构、文件重命名、 CSS 重构以及 JS 重构

    2.1 标签重构
    如果你想把

    <div>此处省略200行</div>

    改为

    <p>此处省略200行</p>

    要怎么办?在 WS 里,你只需将光标移到 <div> 或者 </div>,让后按重构的快捷键就可以轻松地把它变为 p 标签。

    2.2 文件重命名
    你想把 style1.css 重命名为 style2.css,但是 style1.css 被很多 html 文件引用了,怎么办?
    使用 WS 的文件重命名功能,大胆地重命名吧,它会自动帮你更新所有引用。(前提是你的引用是正确且符合常规的)

    直接这里重命名,快捷键Shift+F6;

    五、安装当中遇到的问题:

    5.1Webstorm 2017.2版本导致中文输入法无法智能提示打字

    解决办法:

    下载新的搜狗输入法重启webstorm就好了;

    5.2打开php文件整个页面的代码都同样颜色,看着不舒服,如图:

    解决办法加*.php就可以了,以此类推,安装其他语言也一样,比如微信小程序语言加*.wxml等,如图:

    六、WebStorm2018汉化包(但个人感觉英文版比较稳定)

    链接地址:https://www.newasp.net/soft/371219.html

    直接讲汉化包里面的resources_cn.jar复制到.Webstormlib目录即可

    七、怎么显示左侧菜单栏?

    view -> tool buttons -> 点击左侧的project 
    好了出来了

    八:卡死内存不足,-Xmx750改为-Xmx2048

     

  • 相关阅读:
    对xml的操作使用的类XElement的使用
    在js和C#中split应用和去除字符串分组后的空值
    C# 预定义语言
    C# 中利用 Conditional 定义条件方法
    快速结束占用端口
    详解C++中命名空间的意义和用法
    Template、ItemsPanel、ItemContainerStyle、ItemTemplate
    C++入门(2)
    C++入门(1)
    VS中的配置管理器
  • 原文地址:https://www.cnblogs.com/huanghuali/p/8446639.html
Copyright © 2020-2023  润新知