前端开发常用工具或插件

vscode 开发工具

比idea更加轻量级，但是需要自己引入插件用起来才比较舒服。

webstorm

idea同个公司出品，自带很多功能。

Zen Coding

快速HTML和CSS编码的工具 Zen Coding:
写一个下面的例子

div#content>h1+p  

就可以达到这个效果：

参考Zen Coding: 一种快速编写HTML/CSS代码的方法

Emmet

Editorconfig - 代码风格保持一致

代码库中添加.editorconfig文件：

# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.scss]
indent_style = space
indent_size = 2

[*.md]
trim_trailing_whitespace = false

idea已经集成这个插件，但是vscode还需要自己添加这个插件

prettier

tslint

代码风格检查

pre-push (husky)

为了在git push之前check 所有的test都通过可以使用pre-push
可以使用包husky