前言
开发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