vscode建立vue模板
2019-03-30 21:11
405 查看
依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue后按enter, 会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中:
[code]{ "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>", "</template>", "", "<script>", "export default {", " data () {", " return {", " };", " },", "", " components: {},", "", " computed: {},", "", " mounted: {},", "", " methods: {}", "}", "", "</script>", "<style lang='scss' scoped>", "</style>" ], "description": "Log output to console" } }
保存这个文件就可以了,之后建立vue文件后,输入vue按enter就会自动生成vue模板
相关文章推荐
- [小tips]使用vscode,根据vue模板文件生成代码
- vscode一键生成Vue模板
- vsCode创建vue模板
- 在vscode里使用.vue代码模板的方法
- 使用vue-cli脚手架在vs code 建立vue项目
- 使用vue-cli脚手架在vs code 建立vue项目
- vscode配置总结可收藏/vscode用户设置大全/vue代码模板
- vs code vue模板创建
- 使用vscode,根据vue基础模板文件生成代码
- vscode 的 vue模板
- 【模板】【codevs3990】中国剩余定理
- VSCode建立.net core项目
- VSCODE设置 针对Vue
- vscode下的vue文件格式化问题
- vscode下vue项目中eslint的使用方法
- vsCode 设置vue 保存自动格式化代码
- VSCode配置启动Vue项目
- VS Code之Vue开发常用插件
- MDK+VS+Eclipse的STM32库V3.5工程模板的建立(四)
- 【最短路(动态规划)】CODE[VS] 1077 多源最短路 (Floyed模板)