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

Prettier介绍:

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

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

一、安装方法:

方法一:

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

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

方法二:

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

全局安装prettier

npm install --global prettier

 配置:

2.1 配置安装路径

2.2 针对以下文件运行:

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

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

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

二、使用方法:

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

你可能感兴趣的:(前端开发,webstorm,前端,npm,Prettier,前端插件)