template vs code

settings.json

{
    "editor.fontFamily": "Monaco, 'Courier New', monospace",
    "workbench.colorTheme": "Darcula Theme from IntelliJ",
    "editor.tabSize": 2,
    "react.beautify.onSave": true,
    "editor.formatOnSave": true,
    "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/CVS": true,
        "**/.DS_Store": true,
        "node_modules/": true,
        "android": true,
        "ios": true,
        ".*": true
    },
    "editor.fontSize": 14,
    "auto-close-tag.SublimeText3Mode": true,
    "editor.tabCompletion": true
}

template.ext

{
	// Place your snippets for JavaScript here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	},
	"Create Component": {
		"prefix": "component",
		"body": [
			"import React, {Component} from 'react';",
			"export default class $1 extends Component {",
			" render() {",
			"   retrun ( $2 );",
			" }",
			"}",
			"module.exports = $1;"
		],
		"description": "Creating new Component"
	},
	"Component Will Mount": {
		"prefix": "cwm",
		"body": [
			"componentWillMount() {",
			"      $1",
			"}"
		],
		"description": "Component Will Mount React JS"
	},
	"Component Did Mount": {
		"prefix": "cdm",
		"body": [
			"componentDidMount() {",
			"    $1",
			"}"
		],
		"description": "Component Did Mount React JS"
	}
}