全新！2020年3版本及2021年最热门的WebStorm永久激活码，无需担心过期问题

一、webstorm激活码

注意：如果下边的这个webstorm激活码失效了的话大家可以关注微信公众号：前端之术，然后回复“激活码”即可获取2021年最新有效的webstorm激活码。

GXSTQ03V87-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

二、再分享几个webstorm使用的小技巧

1. 代码模板

File-> Settings -> Editor -> Live Templates
当我们写react 组件，实现一个组件，要手写一大堆相同的代码，严重的浪费时间，其实只需要快捷键 ctrl + j , 然后输入rcfc 即可生成一个全周期的 React 类组件，其他语法模板，如angular、vue或者普通js都可以选择性的增加或者删除，大大加快写代码速度
import 和 export 同样可以简化

import React, {Component} from 'react';
import PropTypes from 'prop-types';

class Connect extends Component {
  constructor(props) { super(props); }
  componentWillMount() {}
  componentDidMount() {}
  componentWillReceiveProps(nextProps) {}
  shouldComponentUpdate(nextProps, nextState) {}
  componentWillUpdate(nextProps, nextState) {}
  componentDidUpdate(prevProps, prevState) {}
  componentWillUnmount() { }
  render() {
    return (
      <div>
      </div>
    );
  }
}
Connect.propTypes = {};
export default Connect;

2. git使用

在底部的 Version Control 板块，就是git的工具了，非常之强大，同样可以配置自己喜欢的快捷键

右下角可以管理本地和远程分支 ,切换分支，新建分支，重命名分支，删除分支，merge之类的操作都可以

git 快捷操作 更新，提交， 文件历史，回退

写代码时，经常要revert 和 diff文件 ，所有修改的文件，都在下边，非常之方便

ws的git功能实现太强大，下面是几个工作场景

1. 分支对比 文件对比 编辑器内 右键 git compare with branch目录对比 ,选中目录 右键 git compare with branch
2. 回退单个文件，右键 git revert

3. 查找

ws的查找也巨强，支持正则！！！

• Match Case大小写匹配
• Words是匹配整个单词，如 查找 Reac勾选 Words 则找不到，因为必须是Reac， React肯定不匹配整个单词
• Regex就是正则了
• 最右边是匹配了几个结果，下图为 One match ，就一个结果 2020
  
  ws同样支持全局搜索和文件夹搜索，如在一个文件夹搜索 input.js ，只需要右键文件夹 Find in Path
  

4. debug

ws 的debug也很方便 ，如图，只需要在文件的行数上，点击出现一个红点，然后右键debug这个文件即可，下边的面板，会有每个变量的值 ，调试一些源码很方便，比如看webpack的源码 。

5. TODO

快速定位未完成的任务

哦了，先分享这么多~

原文地址：https://www.cnblogs.com/lyck/p/14374418.html