VScode、HbuilderX保存代码自动格式化配置

一、vscode保存自动格式化配置:
1、安装ESLint、Prettier-Code formatter、Vetur插件。(如下图)
在这里插入图片描述

2、设置保存代码自动格式化:点击左上角文件=》首选项=》设置=》用户下的文本编辑器=》格式化=》勾选Format On Save。(如下图)
在这里插入图片描述
在这里插入图片描述

3、vscode编码区右键选择【使用…格式化文档】(小程序项目需要额外配置这一步)
在这里插入图片描述

点击【配置默认格式化程序…】
在这里插入图片描述

选择【Prettier - Code formatter】为默认值
在这里插入图片描述

二、HBuilderX保存自动格式化配置:
1、在插件市场安装Prettier插件。点击菜单栏的工具=》插件安装=》安装新插件=》进入安装市场搜索Prettier插件进行安装。(如下图)
在这里插入图片描述
在这里插入图片描述

2、点击菜单栏的工具=》设置=》编辑器配置=》勾选“保存时自动格式化”选项
在这里插入图片描述

3、点击菜单栏的工具=》设置=》插件配置=》取消勾选:Beautify Formator=》勾选“Prettier Fromator”选项=》点击“打开文件prettier.config.js进行配置”=》把项目中的.prettierrc.cjs文件的内容复制到prettier.config.js配置中。
在这里插入图片描述
在这里插入图片描述

4、点击菜单栏的工具=》设置=》常用配置=》制表符长度填入2=》勾选“空格代替制表符”
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值