工欲善其事，必先利其器。在实际项目开发中，有一些工具可以很大的提升开发的效率和质量，在这里列举出一些实用的开发工具。
Prettier
Prettier 是一个可配置的格式化代码工具，可以快速解决代码内的一些格式化问题，比如分号，缩进，逗号等。prettier只会关注到代码的格式问题，并不会修改你代码的逻辑，因此可以放心的使用 。
安装
你可以通过npm 或yarn 进行安装。
npm install prettier --dev
或
yarn add prettier -D
配置
prettier根据配置文件来决定如何格式化你的代码，因此需要在你项目的根目录提供配置文件。
这里提供一个使用的配置文件。（你也可以做个性化的修改）
路径 root/.prettierrc 文件为JSON格式，不允许添加注释 详细配置项
{
"singleQuote": true,
"jsxBracketSameLine": true,
"bracketSpacing": true,
"semi": true,
"arrowParens": "always",
"printWidth": 120,
"trailingComma": "all"
}
###忽略项
路径 root/.prettierignore
该文件夹下的文件/文件夹将不会被格式化
格式化
脚本
你可以通过在项目的package.json 中添加脚本命令。
"scripts": {
"prettier": "prettier --write \"src/**/*.jsx\" \"src/**/*.js\""
},
添加之后，只需要执行即可。
npm run prettier
编辑器插件
在实际开发中，你可能并需要格式化所有文件，只想要格式化当前正在编写的文件。prettier针对不同的编辑器（sublime,webstorm，vscode）有不同的插件。配合这些插件，可以展现出prettier强大的能力。
模板代码
在开发过程中，实际上有部分代码都是模板代码，每次编写这部分代码，是很花费精力。
因此你可以编写出模板代码，在开发过程中，就不用到处复制粘贴了。
这些模板代码可以包含react的基础语法，平台语法的一些模板。
各个编辑器应该都支持该功能。如果你使用的是vs code，提供xweb-snippets 插件。包含了dvajs框架下常用模板代码，主要如下。
- xmodel (default model template)
- xdis(dispatch action)
- xservice(default service template)
- xput(redux saga put func)
- xreduce(reduce function)
- xeffect(generate function)
- xarrow(arrow function)
