React Native基础<二>VSCode常用插件以及代码块

一、Reactjs Code snippets

QQ20171102-153959.png

这个插件可以帮助我们在写React Native代码时，快速书写一些常用的方法，具体用法如下:
1、 rcc
快速新建一个React Component和导出这个组件。

import React, { Component } from 'react';

class componentName extends Component {
  render() {
    return (
      

        
      
    );
  }
}

export default componentName;

2、ccn
快速书写构造器函数

constructor(props) {
    super(props);
    
  }

3、bnd
绑定this。防止this指向发生变化。(js中经典问题)

this.method = this.method.bind(this);

4、met
快速定义一个方法

methodName(params) {
    
  }

4、sst
快速调用方法this.setState()方法来改变状态。

this.setState()

二、All Autocomplete

QQ20171102-153548.png

这个插件可以提示你在项目中已经打出来的组件名字，对与VCSode里面对React组件名不自动提示的问题真是大大的福利。