prettier格式化问题

简介: prettier格式化问题

惟沉默是最高的轻蔑——鲁迅

今天用prettier插件格式化js代码时发现解构赋值被换行了,可读性变得很低

原来我的代码样式:

module.exports = {
  executeMiniLogin(vm) {
    uni.login({
      provider: 'weixin',
      success: async ({ code, errMsg }) => {
        if (errMsg != 'login:ok') {
          uni.$u.toast(`登录失败, 原因: ${errMsg}`);
          return
        }
        uni.$u.api.getTokenByCode(code).then(({ data, sessionKey, token }) => {
          vm.$store.dispatch('submitUser', { ...data, token, sessionKey })
            .then(user => {
              console.log("登陆成功", { user });
              console.log("vm.$store.getters.getUser: ", vm.$store.getters.getUser);
            })
        }).catch(({ code, message: mOpenId }) => {
          console.error({ code, mOpenId });
          if ('21003' === code) {
            uni.showModal({
              title: '提示',
              content: '该微信未绑定,是否注册?',
              confirmText: '确认',
              cancelText: '取消',
              success: ({ confirm }) => {
                if (confirm) {
                  uni.getUserProfile({
                    desc: '登录获取信息',
                    success: ({ errMsg, userInfo, signature, encryptedData, iv }) => {
                      if (errMsg !== 'getUserProfile:ok') {
                        console.error({ errMsg });
                        return
                      }
                      console.log('小程序获取用户信息成功,开始注册', { errMsg, userInfo, signature, encryptedData, iv });
                      uni.$u.api.createUser({mOpenId}).then(({ data }) => {
                        console.log({ data });
                      })
                    },
                    fail: console.error
                  });
                }
              }
            })
          }
        })
      }
    })
  }
}

格式化后变成了

module.exports = {
  executeMiniLogin(vm) {
    uni.login({
      provider: 'weixin',
      success: async ({
        code,
        errMsg
      }) => {
        if (errMsg != 'login:ok') {
          uni.$u.toast(`登录失败, 原因: ${errMsg}`);
          return
        }
        uni.$u.api.getTokenByCode(code).then(({
          data,
          sessionKey,
          token
        }) => {
          vm.$store.dispatch('submitUser', {
              ...data,
              token,
              sessionKey
            })
            .then(user => {
              console.log("登陆成功", {
                user
              });
              console.log("vm.$store.getters.getUser: ", vm.$store.getters
                .getUser);
            })
        }).catch(({
          code,
          message: mOpenId
        }) => {
          console.error({
            code,
            mOpenId
          });
          if ('21003' === code) {
            uni.showModal({
              title: '提示',
              content: '该微信未绑定,是否注册?',
              confirmText: '确认',
              cancelText: '取消',
              success: ({
                confirm
              }) => {
                if (confirm) {
                  uni.getUserProfile({
                    desc: '登录获取信息',
                    success: ({
                      errMsg,
                      userInfo,
                      signature,
                      encryptedData,
                      iv
                    }) => {
                      if (errMsg !==
                        'getUserProfile:ok') {
                        console.error({
                          errMsg
                        });
                        return
                      }
                      console.log(
                        '小程序获取用户信息成功,开始注册', {
                          errMsg,
                          userInfo,
                          signature,
                          encryptedData,
                          iv
                        });
                      uni.$u.api.createUser({
                        mOpenId
                      }).then(({
                        data
                      }) => {
                        console.log({
                          data
                        });
                      })
                    },
                    fail: console.error
                  });
                }
              }
            })
          }
        })
      }
    })
  }
}

最后在github找到了beautify的文档

我们打开配置

然后点击配置

打开jsbeautifyrc.js进行配置

brace_style改为collapse-preserve-inline

以及wrap_line_length改大一点

然后我们之后格式化,就不会出现刚才的情况了

相关文章
|
1月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
启用 ESLint 后 解决格式化文档自动添加分号和双引号问题
启用 ESLint 后 解决格式化文档自动添加分号和双引号问题
841 0
启用 ESLint 后 解决格式化文档自动添加分号和双引号问题
|
JavaScript 前端开发
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
般的代码格式化工作,ESLint完全可以胜任,为什么要用Prettier代替ESLint的代码格式化功能?简而言之,Prettier的代码格式化功能比ESLint更强大,配置更简单,通过配置,ESLint可以使用Prettier的代码规则进行校验,如果不配置好,会出现冲突,导致二者不能配合使用。 下面详细介绍如何配置ESLint+Prettier在VSCode中开发Vue代码:
962 0
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
|
9月前
|
JavaScript 前端开发
ESlint + Stylelint + VSCode自动格式化代码(2023)
ESlint + Stylelint + VSCode自动格式化代码(2023)
189 0
格式化
4.3 格式化工作表 4.3.1 格式化数据 单元格及单元格区域的格式化主要包括六部分:数字、对齐、字体、边框、填充和保护。单元格或单元格区域的格式化操作必须先选择要进行格式化的单元格或单元格区域,然后通过“设置单元格格式”对话框,浮动工具栏,“开始”选项卡中“字体”组、“数字”组、“对齐方式”组、“样式”组中的相关命令或格式刷复制等几种方法来实现。 4.3.2 设置单元格的行高和列宽 1)通过拖动鼠标实现行、列 2)双击分隔线 3)通过对话框实现:"开始”选项卡,“单元格”组,单击“格式”按钮,选择“行高”或“列宽”命令 注意:可以通过选择性粘贴复制列宽,不能复制行高。 在word中双
|
9月前
|
JSON 数据格式
ESlint 保存自动格式化代码
第一步:在VScode下载ESlint插件,找到右下角设置图标点击扩展设置。
126 0
|
11月前
|
JavaScript 前端开发 开发工具
从esLint+Prettier开始格式化代码
从esLint+Prettier开始格式化代码
289 0
从esLint+Prettier开始格式化代码
|
11月前
|
开发工具 git
如何将整个项目按照eslint格式化
如何将整个项目按照eslint格式化
330 0
|
数据格式 C++ Java
notepad++如何快速格式化代码
notepad++如何快速格式化代码
13490 0
vscode eslint 快速配置(保存自动格式化)
vscode eslint 快速配置(保存自动格式化)
549 0
vscode eslint 快速配置(保存自动格式化)