File—>Preference—>User Snippets—>vue.json / react.json
"prefix": "vue",快捷键
$1 生成代码后光标的位置
- Vue模板
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
" <div>新建</div>",
"</template>",
"",
"<script>",
"export default {",
" data () {",
" return {};",
" },",
"",
" created() {},",
"",
" mounted() {},",
"",
" methods: {}",
"}",
"</script>",
"<style lang="less" scoped>",
"",
"</style>"
],
"description": "Log output to console"
}
}
- React模板
{
"reactDemo":{
"prefix": "react",
"body": [
"import React, { Component } from 'react'",
"",
"export default class App extends Component {",
" render() {",
" return (",
" <div>$1</div>",
" )",
" }",
"}"
],
"description": "react demo create by watt"
}
}