vscode配置js文件、vue文件代码片段、多个代码片段
·
在vscode编辑器中,
(1)Ctrl+Shift+P快捷键打开:

(2)搜索Preferences:Configure User Snippets,即配置用户代码片段
(3)搜索vue.json文件
.vue文件在vue.json文件中配置:
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"",
"",
"</template>",
"",
"<script>",
"export default {",
"",
"}",
"</script>",
"<style lang='scss' scoped>",
"",
"</style>",
""
],
"description": "vue code"
}
.js文件在Javascript.json文件中配置:
"Print to console": {
"prefix": "vuex",
"body": [
"export default {",
"namespaced: true,",
"state: {",
"",
"},",
"getters: {",
"",
"},",
"mutations: {",
"",
"},",
"actions: {",
"",
"}",
"}",
],
"description": "vuex代码片段"
}
注意:因为是json文件,body内的每一行都要用双引号引起来,并且每一行以逗号结尾
2. 多个代码片段:在创建一个对象:
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"",
"",
"</template>",
"",
"<script>",
"export default {",
"",
"}",
"</script>",
"<style lang='scss' scoped>",
"",
"</style>",
""
],
"description": "vue code"
},
"(代码片段2:自定义名字)": {
"prefix": "vue2",
"body": [
"<template>",
"",
"",
"</template>",
"",
"<script>",
"export default {",
"",
"}",
"</script>",
"<style lang='scss' scoped>",
"",
"</style>",
""
],
"description": "vue2 code"
}
更多推荐
所有评论(0)