前提: 已安装package control
参考网站
https://lsp.sublimetext.io/
https://www.prettier.cn/

安装包快捷键: ctrl+alt+p 输入install package
安装以下包

  1. 安装lsp
  2. LSP-json
  3. LSP-vue
  4. Vue Syntax Highlight
  5. LSP-css
  6. LSP-html

配置vetur 格式化template 内代码为一行

点击首选项(preferences)->package settings->LSP->LSP-vue
配置放入右侧保存

{
	"settings": {
		"vetur.format.defaultFormatter.html": "js-beautify-html",
		"vetur.format.defaultFormatter.js": "prettier", // 格式化js
		"vetur.format.defaultFormatterOptions": {
			"js-beautify-html": { // 配置换行模式
				"wrap_attributes": "auto"
			},
			"prettier": { // prettier 格式化js 规则
				"arrowParens": "always",
				"bracketSameLine": false,
				"bracketSpacing": true,
				"embeddedLanguageFormatting": "auto",
				"htmlWhitespaceSensitivity": "css",
				"insertPragma": false,
				"jsxSingleQuote": false,
				"printWidth": 80,
				"proseWrap": "preserve",
				"quoteProps": "as-needed",
				"requirePragma": false,
				"semi": false,
				"singleQuote": true,
				"tabWidth": 4,
				"trailingComma": "es5",
				"useTabs": false,
				"vueIndentScriptAndStyle": true
			}
		}
	}
}
Logo

一站式 AI 云服务平台

更多推荐