Atom开发React用prettier-atom插件格式化代码

一、背景

用Atom开发React代码,一开始安装了atom-beautify插件来格式化JS代码,但React组件代码格式化不是很理想,换行太多,阅读不流畅,这还能忍,最不能忍的是,代码被格式化后页面上有一个功能直接报错,而且很难定位到具体问题,怀疑是格式化后代码解析出错,所以将atom-beautify插件换成了prettier-atom。

二、安装及配置

环境:Mac

1、安装

点击进入Setting,选择Install 输入prettier-atom,点击右下角Install按钮


Atom开发React用prettier-atom插件格式化代码_第1张图片
安装

2、配置

选择Packages输入prettier-atom,点击左下角Settings按钮进入配置页面


Atom开发React用prettier-atom插件格式化代码_第2张图片
进入配置

Atom开发React用prettier-atom插件格式化代码_第3张图片
配置自动格式化

你可能感兴趣的:(Atom开发React用prettier-atom插件格式化代码)