uni-app小程序开发-HBuilderX配置

2024-07-31 10:12:51 浏览数 (2)

前言

开发uni-app时最好用的IDE还是HBuilder X,尽管它有很多小问题。

开发Uni-App最好的IDE

https://www.dcloud.io/hbuilderx.html

界面字体太小

界面字体太小的解决方法

格式化

默认的格式化插件不好用

scss/less文件默认不会被格式化,并且JSON格式化的也不太好。

需要我们安装格式化插件Prettier

https://ext.dcloud.net.cn/plugin?id=2025

工具 => 设置 => 插件配置 => 自定义prettier格式化规则

添加如下配置

代码语言:javascript复制
// Prettier配置文档:https://prettier.io/docs/en/options.html
module.exports = {
	printWidth: 100,
	tabWidth: 4,
	useTabs: false,
	semi: true,
	singleQuote: true,
	quoteProps: "as-needed",
	jsxSingleQuote: false,
	trailingComma: "none",
	bracketSpacing: true,
	bracketSameLine: false,
	arrowParens: "always",
	proseWrap: "preserve",
	htmlWhitespaceSensitivity: "ignore",
	vueIndentScriptAndStyle: false,
	endOfLine: "lf",
	embeddedLanguageFormatting: "auto",
	singleAttributePerLine: false,
	//自定义文件后缀对应的parser
	parsers: {
		".nvue": "vue",
		".ux": "vue",
		".uvue": "vue",
		".uts": "typescript"
	}
}

如果想属性都换行可以设置

代码语言:javascript复制
singleAttributePerLine: true

0 人点赞