VS code 生成vue-cli代码片段
2019-09-17 16:00
591 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42332641/article/details/100929333
在vscode文件-首选项-代码片段
搜索vue.json
{ "Print to console": { "prefix": "vue", "body": [ "<template>", "<div class='$2'>$5</div>", "</template>", "", "<script>", "", "export default {", "name:'',", "components: {},", "data() {", "return {", "", "};", "},", "computed: {},", "watch: {},", "methods: {", "", "},", "//生命周期 - 创建完成(可以访问当前this实例)", "created() {", "", "},", "//生命周期 - 挂载完成(可以访问DOM元素)", "mounted() {", "", "},", "beforeCreate() {}, //生命周期 - 创建之前", "beforeMount() {}, //生命周期 - 挂载之前", "beforeUpdate() {}, //生命周期 - 更新之前", "updated() {}, //生命周期 - 更新之后", "beforeDestroy() {}, //生命周期 - 销毁之前", "destroyed() {}, //生命周期 - 销毁完成", "activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发", "}", "</script>", "<style lang='scss' scoped>", "$4", "</style>" ], "description": "Log output to console" } }
保存去新建项目
相关文章推荐
- VScode用户代码片段——全面快速生成vue片段
- VSCode 快速生成vue代码片段
- 使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
- VS Code添加vue的代码片段,光标悬停在class和name上,可快速定义
- egg.js目录结构、vscode中快速生成egg代码片段
- [小tips]使用vscode,根据vue模板文件生成代码
- 使用vscode创建vue代码片段
- 使用vscode,根据vue基础模板文件生成代码
- VScode中自定义用户代码片段(C user snippet)自动生成C语言头文件排除重复包含
- 使用vscode创建vue代码片段
- Vue-cli Eslint在vscode里代码自动格式化的方法
- 在vscode中快速生成vue代码模板
- vsCode 设置vue 保存自动格式化代码
- vscode 如何创建自定义代码片段
- VSCode 如何操作用户自定义代码片段(快捷键)
- vscode - 更改emmet生成代码
- 【宇宙最强编辑器VS Code】(十一)快速插入代码 —— VS Code自定义代码片段的使用方法详解
- vs code中Vue代码格式化的问题
- Vue Vue-cli Eslint 实现在vscode里保存后代码自动格式化
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手