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
评论