使用技巧

查看定义、参数、文档等

  • 查看定义:Ctrl + Shift + I
  • 转到定义:Ctrl + 鼠标左键点击Ctrl + B
  • 转到实现:Ctrl + Alt + 鼠标左键点击Ctrl + Alt + B
  • 查看参数:Ctrl + P
  • 查看文档:Ctrl + Q 多次点按可在浮动与固定模式中切换

多点编辑

各个IDE多点编辑的使用方式不同,并且配合不同快捷键有不同的表现

WebStrom(一般般):

  • Alt + 鼠标左键选取 多点选取
  • Alt + Shift + 鼠标左键拖动 多行矩形选取

PhpStrom(最方便了):

  • Alt + 鼠标左键选取 多点选取
  • Alt + 鼠标左键拖动 多行矩形选取

Idea(就是个奇葩):

  • Alt + Shift + 鼠标左键选取 多点选取
  • Alt + Shift + Ctrl + 鼠标左键拖动 多行矩形选取
  • Alt + CapsLock + 鼠标左键拖动 多行矩形选取
  • Alt + 鼠标左键拖动 多行矩形选取

分屏显示

Window -> Editor Tabs -> Split Vertically/Horizontally

查找与替换

  • 普通查找

快捷键:Command + F

菜单:Edit -> Find -> Find

  • 普通替换

快捷键:Command + R

菜单:Edit -> Find -> Replace

  • 在路径中查找

快捷键:Command + Shift + F

菜单:Edit -> Find -> Find in Path

  • 在路径中替换

快捷键:Command + Shift + R

菜单:Edit -> Find -> Replace in Path

  • 在窗口中显示

快捷键:Command + 3

菜单:View -> Tool Windows -> Find

正则替换

可以使用正则表达式进行高级替换,比如下图:

将内容

(.*)https://img.xiaoyulive.top/img/(.*\.jpg).*\)

替换为:

<imgLink src='$2' />

其中,$2 代表正则匹配到的第二个位置,每个匹配项需要使用括号()包裹。

JS Libraries

File | Settings | Languages & Frameworks | JavaScript | Libraries

也可通过 yarn add @types/xxx 进行添加,这样使用 Alt + / 时可以快速导包,比如

yarn add @types/react-native

本人常用的语法提示库:

  • lodash
  • ramda
  • node
  • angular
  • react
  • react native
  • react native bootstrap
  • vue
  • jquery

也可添加本地库,将相关的js下载到本地,然后将本地文件路径引入IDE,并提供说明文档地址,比如 jquery,文档地址填 http://api.jquery.com,建议下载到本地以提高索引速度

这样,就可获得提示了:

JS 路径提示

做开发的时候,每次import想要代码提示,通过 ../../src 这种长长的相对路径用起来很不方便,通过配置webpack的alias就可以让ide实现代码自动补全功能

要再在 IDE 里面也启用智能路径提示,可以创建一个与 webpack.config.js 内容相同的文件(只用用于解析路径)

alias.config.js

const path = require('path');
module.exports = {
  resolve: {
    alias: {
      '~': path.resolve(__dirname, "src")
    }
  }
};

在 IDE 中设置 webpack 的解析路径:

File | Settings | Languages & Frameworks | JavaScript | Webpack

这样,使用以下形似的路径时就可以智能提示了

import storage from "~/utils/storage"

去除JS末尾分号及使用单引号

File | Settings | Editor | Code Style | JavaScript | Punctuation

启用React语法提示

File | Settings | Languages & Frameworks | JavaScript

添加Docs

在方法前输入 /**,然后回车就可以自动生成当前方法的Docs(JSDoc、JavaDoc、PHPDoc等)

添加运行配置

在IDE右上角可以进行运行配置,之后点击RUN按钮即可运行相应的配置

自动生成单元测试

快捷键: Ctrl + Shift + T

配置Python解释环境

File | Settings | Project: xxx | Project Interpreter

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress