prettier格式化问题

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

原来我的代码样式：

代码语言：javascript复制

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
									});
								}
							}
						})
					}
				})
			}
		})
	}
}

格式化后变成了

代码语言：javascript复制

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改大一点

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

github inline line prettier 插件

0 人点赞