webstorm配置Prettier

本文主要是介绍webstorm配置Prettier，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Prettier是代码美化工具，配置到webstorm后，可以在你保存代码的时候，自动帮你美化代码，然后配合Eslint规则，爽得不要不要的，可以节省你大量的时间，美滋滋！~废话少说，上酸菜！

一、准备工作

1、webstorm(2018.1及以上，直接去官网下载安装)

2、Prettier

npm

npm install --save-dev prettier
# or globally
npm install --global prettier

yarm

yarn add prettier --dev --exact
# or globally
yarn global add prettier

二、现在这两样已经安装好了

1、打开webstorm设置  （file=>setting=>tools=>flie watchers）

注：正常情况下prettier路径不用改，除非特殊情况。然后一路ok=>apply即可，

配合ESlint在项目中使用请移步https://blog.csdn.net/ttxxsir/article/details/82997286

这篇关于webstorm配置Prettier的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---