vscode设置vue模版

Posted glzgc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vscode设置vue模版相关的知识,希望对你有一定的参考价值。

路径:文件>>首选项>>用户代码片段>>输入vue

  "Print to console": {
    "prefix": "vue",
    "body": [
      "<style scoped lang="scss">",
      "</style>",
      "",
      "<template>",
      "	<div>
		Hello World$0
	</div>",
      "</template>",
      "",
      "<script>",
      "//import x from ‘‘",
      "export default {",
      "	name: ‘Unnamed‘,",
      "	props: {},",
      "	data () {",
      "		return {",
      "		}",
      "	},",
      "	components: {},",
      "	computed: {},",
      "	watch: {},",
      "	methods: {},",
      "	beforeMount () { },",
      "	mounted () { },",
      "	activated () { }",
      "}",
      "</script>",
      ""
    ],
    "description": "vue output to vue-template"
  }

 技术图片

 

 

参考:https://blog.csdn.net/jbj6568839z/article/details/97759575

以上是关于vscode设置vue模版的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置