sublimetex4配置vue开发环境：sublimeJavaScript软件如何配置比较好

本文主要分享【sublime Javascript软件如何配置比较好】，技术文章【sublime tex4配置vue开发环境】为【昱凯】投稿，如果你遇到开发记录相关问题，本文相关知识或能到你。

sublime Javascript软件如何配置比较好

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

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

安装lspLSP-jsonLSP-vueVue Syntax HighlightLSP-cssLSP-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
			}
		}
	}
}

暑期编程PK赛

得CSDN机械键盘等精美礼品！

本文《sublime tex4配置vue开发环境》版权归昱凯所有，引用sublime tex4配置vue开发环境需遵循CC 4.0 BY-SA版权协议。