vue-snippetsVS Code 文本插件
vue-snippets 是一款在 Vue 2 或者 Vue 3 開發(fā)中提供代碼片段,語法高亮和格式化的 VS Code 插件,能極大提高你的開發(fā)效率。
使用幫助
- 在 VS Code 編輯器底部欄右下角可以打開
Auto Format Vue開關(guān),它可能幫你在代碼保存的時候自動格式化vue文件的格式,默認是關(guān)閉狀態(tài)。 - 如果你不想自動格式化
vue文件,你也可以在vue文件中點擊鼠標右鍵,在出現(xiàn)的菜單欄中選擇Format Document菜單項,則文件會執(zhí)行一次格式化。 - 你可以在文件夾右鍵的菜單欄中使用
Vue Generator Component,彈窗中填入組件名,會自動生成一個默認組件模板,便于你快速創(chuàng)建一個組件
插件設(shè)置
你可以在插件的選項中自定義代碼格式化的格式,便于定制你的 vue 代碼格式,配置參數(shù)如下:
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
評論
圖片
表情
