vue-snippetsVS Code 文本插件
vue-snippets 是一款在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。
使用帮助
- 在 VS Code 编辑器底部栏右下角可以打开
Auto Format Vue开关,它可能帮你在代码保存的时候自动格式化vue文件的格式,默认是关闭状态。 - 如果你不想自动格式化
vue文件,你也可以在vue文件中点击鼠标右键,在出现的菜单栏中选择Format Document菜单项,则文件会执行一次格式化。 - 你可以在文件夹右键的菜单栏中使用
Vue Generator Component,弹窗中填入组件名,会自动生成一个默认组件模板,便于你快速创建一个组件
插件设置
你可以在插件的选项中自定义代码格式化的格式,便于定制你的 vue 代码格式,配置参数如下:
vue3snippets.arrowParens
vue3snippets.bracketSpacing
vue3snippets.endOfLine
vue3snippets.htmlWhitespaceSensitivity
vue3snippets.insertPragma
vue3snippets.jsxBracketSameLine
vue3snippets.jsxSingleQuote
vue3snippets.printWidth
vue3snippets.proseWrap
vue3snippets.quoteProps
vue3snippets.requirePragma
vue3snippets.semi
vue3snippets.singleQuote
vue3snippets.tabWidth
vue3snippets.trailingComma
vue3snippets.useTabs
vue3snippets.vueIndentScriptAndStyle
评论
