Prettier介绍:

[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板插图

 [效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板插图(1)

一、安装方法:

方法一:

1.在webstorm的插件市场,搜索并下载prettier

[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板插图(2)

方法二:

2.可以用npm全局安装,然后在webstom里面配置路径:

全局安装prettier

npm install --global prettier

 配置:

2.1 配置安装路径

2.2 针对以下文件运行:

默认是没有包含Vue的,我们手动加上即可:

{**/*,*}.{js,ts,jsx,tsx,vue}

[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板插图(3)

二、使用方法:

每次保存的时候,就会自动格式化了。

本站无任何商业行为
个人在线分享 » [效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板
E-->