phpstorm经过FileWatchers配置自动格式化代码插件

在自动格式代码的插件中, prettier一直是挺不错的, 这个插件在不一样的IDE里有不一样的配置地方, 可是配置参数基本上是差很少的.

下面就说明下在phpstorm(版本2019.2)中如何配置的吧.

个人环境: mac os x 10.14.4

1. 安装prettier插件, 最好是全局安装

1.1 经过: brew install prettier      (这种方式有可能会升级本机中的node, 由于prettier依赖于node, 因此环境会有较大变化)

1.2 经过: npm install -g prettier   (推荐采用这种方式)

安装完成后, 执行下: which prettier, 可见在命令行已经能找到这个命令了.

2. 在phpstorm中配置File Watchers

 

通过以上的配置后, 就算完成了(可是只能算完成一大步吧)! 能够测试下.

新建一个项目, 随便找个地方新建一个xxx.js, 随便写点js代码, 格式能够乱一点.

而后保存下文件, 这个文件就会自动被格式化了 ==> 这就算成功了!

 

可是可能你会发现, 自动格式化的格式并非本身想要的, 如你但愿在js中使用tab而不是空格, 想使用单引号而不是双引号.

很简单, 在项目目录下新建一个文件命名为: .prettierrc (这是一个json文件), 并添加如下内容:

{
  "useTabs": true,
  "tabWidth": 4,
  "semi": false,
  "singleQuote": true,
  "jsxSingleQuote": true
}

 再试试自动保存吧, 应该能符合你的预期了!

 

另外, 对于有package.json文件的项目, 也能够在这个文件里配置prettier, 格式:

{
	"prettier": {
		"useTabs": true,
		"tabWidth": 4,
		"semi": false,
		"singleQuote": true,
		"jsxSingleQuote": true
	}
}

 上面代码中省略了package.json中的其余配置!

 

=======================================

Webstorm和Idea中File Watchers的配置应该是相似的!