总结一些webstorm里的设置方法；

1. file and code templates

顾名思义，文件和代码模板。比如vue单文件组件,以.vue结尾的文件。一般正常创建后文件是空的，需要我们手动写三个模板。为了方便，我们可以在这里进行设置：

选择vue文件，就可以自己设置模板了:

比如我想用ts开发，样式用scss写，而且默认都添加scoped：

<template>
#[[$END$]]#
</template>

<script lang="ts">
import Vue from 'vue';
import {Component} from 'vue-property-decorator';
@Component
export default class ${COMPONENT_NAME} extends Vue {

}
</script>

<style lang="scss" scoped>

</style>