[vs code] 代码格式化与插件(防止代码标签换行)

it2023-01-23  50

彩蛋:后台管理系统一站式平台模板

vue-admin-wonderful,一套为开发者快速开发准备的基于 vue2.x 越看越精彩的后台管理系统一站式平台模板。基于element ui 2.14.0

一、首选项 - 设置 - settings.json

{ // 使用单引号替代双引号 "prettier.singleQuote": true, // 这个按用户自身习惯选择 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 120, "wrap_attributes": "auto", "end_with_newline": false } }, "workbench.iconTheme": "material-icon-theme", "[vue]": { "editor.defaultFormatter": "octref.vetur" }, "[scss]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" }, "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "backgroundCover.imagePath": "c:\\Users\\Administrator\\Desktop\\文档\\2023154.jpg", "search.followSymlinks": false, "backgroundCover.opacity": 0.5, "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe" }

二、vscode 插件

Auto Close TagAuto Rename Tagbackground-coverBracket Pair ColorizerChinese (Simplified) Language Pack for Visual Studio CodeColor InfoCommunity Material ThemeDebugger for ChromefilesizeGitLens — Git superchargedHTML BoilerplateHTML CSS SupportHTML SnippetsHTMLHintIcon FontsJavaScript (ES6) code snippetsmarkdown-formatterMaterial Icon ThemeMaterial ThemeMaterial Theme Iconsopen in browserPath IntellisensePrettier - Code formatterVetur
最新回复(0)