2023年7月18日发(作者：)

[HBuilderX开发uniapp]⾃动代码格式化插件安装及配置⼀、前⾔HBuilderX作为H5 web开发的IDE其使⽤的普及化⼤幅提⾼，在应⽤中为使代码更加优美明晰，⾃动化格式代码插件的配置在我们编译过程中为我们提供极⼤的便利⼆、插件位置1.在HBuilderX中找到⼯具------>插件安装2.点击“安装新插件”------>"前往插件市场安装" 3.插件市场搜索eslint----->点击下载------>使⽤HBuilderX导⼊插件 : ⽤于js和html中的代码校验-plugin-vue:⽤于vue内的代码校验（因此两个都需要下载）

4. 下载后找到设置--->⼯具--->插件配置---->保存时⾃动修复 三、⼩结⾄此⾃动保存代码插件下载配置已经完成。四、补充因为每个⼈的代码习惯不同，格式化代码要求也有所不⼀，想要依据⾃⼰的习惯进⾏细节配置可以继续看1.⼯具--->插件安装--->已安装插件--->配置 2.⾃定义校验规则 3.可根据需要⾃⾏寻找符合⾃⼰需求的配置信息复制到⾃⼰的17181920//更详细的配置⽂档请参考：/vuejs/eslint-plugin-vue#s = { "extends": "plugin:vue/base", parserOptions: { ecmaVersion: 2017, sourceType: 'module' }, 'settings': { 'html/html-extensions': [ ".erb", ".handlebars", ".hbs", ".htm", ".html", ".mustache", ".nunjucks", ".php", ".tag", ".twig", ".wxml",2627282936373839464748495657585966676869767778798 ".wxml", ".we", ] }, "rules":{ //在computed properties中禁⽤异步actions 'vue/no-async-in-computed-properties': 'error', //不允许重复的keys 'vue/no-dupe-keys': 'error', //不允许重复的attributes 'vue/no-duplicate-attributes': 'warn', //在