当前位置: 首页 > Web前端 > vue.js

HBuilderX配置自动格式化,统一代码规范

时间:2023-03-31 16:23:30 vue.js

1。前言团队合作是一个小公司不可或缺的问题,也是保证项目开发进度的重要基石。只有团队合作,最大限度地发挥每个人的技能,才能确保团队的最大生产力。随着团队的增加,统一的代码风格变得越来越重要。为此,使用HBuilderX配置自动格式化,统一代码规范。2.代码风格javascript整体风格总体遵循ESlint规范。HTML和wxml一般遵循prettyhtml规范。调整了JavaScript细节。声明函数时禁止末尾无分号、超过140个字符、换行、单引号、尾部无逗号、箭头函数和不带分号的单个参数。括号前有一个空格3.准备插件eslint-js,用于校验js和html中的js代码。安装好的插件【插件名称】->配置2、个性化配置,具体操作步骤在最下方的参考资料eslint-js中进行配置。在.eslintrc.js中添加规则//详细配置教程请参考:http://eslint.cn/docs/user-guide/configuringmodule.exports={"plugins":["html"],"parserOptions":{"ecmaVersion":2018,"sourceType":"module","ecmaFeatures":{"jsx":true},"allowImportExportEverywhere":false},"rules":{"no-alert":0,"eqeqeq":["error","always"],//使用强等号判断"semi":["error","never"],//末尾没有分号"no-multi-spaces":"error","引用":["错误","single"],//使用单引号"arrow-parens":["error","as-needed"],//缩写箭头函数"object-curly-newline":["error",{"multiline":true}],//如果属性内部或属性之间有换行符,则需要换行符"object-curly-spacing":["error","always"]//花括号内需要空格(除了{})}};eslint-vue在.eslintrc.js中添加规则module.exports={'extends':'plugin:vue/essential','parserOptions':{ecmaVersion:2018,sourceType:'module'},'rules':{'no-alert':0,'eqeqeq':['error','always'],//使用强相等判断'semi':['error','never'],//end'no-multi-spaces':'error','quotes':['error','single'],//使用单引号'arrow-parens':['error','as-needed'],//速记箭头函数'object-curly-newline':['error',{'multiline':true}],//如果属性内部或属性之间有换行,则需要换行'object-curly-spacing':['error','always'],//花括号内需要空格({}除外)//在计算属性中禁用异步操作ns'vue/no-async-in-computed-properties':'error',//不允许重复键'vue/no-dupe-keys':'error',//不允许重复属性'vue/no-duplicate-attributes':'warn',//