我已经习惯使用 IDEA 写 Java，所以在 VSCode 里写 Typescript 也想要 rename 、go to defined 这些功能。这些功能在最开始写 JavaScript 的时候还真的没用过，每次都是全局搜索，很 low ~
基本参考这篇文章 https://johnpapa.net/refactoring-with-visual-studio-code/ 然后按照自己的习惯改改快捷键就行了。
常用功能有(快捷键是我自己设置的):
prettier 是更强大的 editorconfig ，读取根目录的 .editorconfig 和 .prettierrc 去执行格式化代码的命令。
从之前的 editorconfig + ESLint + husky 来组成的前端代码风格的实践因为 TypeScript 的到来，前端的工程体系又加入了 TSLint 。
而 TSLint 远远不如 ESLint，很多 ESLint 上有的比如 = 两边的空格数量在 TSLint 上是不检查的。这时候 prettier 又出来了，它仅仅做 Lint 里代码风格检查的那一部分，至于代码质量检查它是不管的：
TSLint 已经被废弃，因为 ESLint 支持 TypeScript 了
| // https://github-riskers-blog.oss-cn-qingdao.aliyuncs.com/20190117210031.gif | |
| import 'package:flutter/material.dart'; | |
| import 'package:redux/redux.dart'; | |
| import 'package:redux_thunk/redux_thunk.dart'; | |
| import 'package:flutter_redux/flutter_redux.dart'; | |
| class AppState { | |
| final int count; | |
| final int clickCount; |
| import 'package:flutter/material.dart'; | |
| Widget helloRect() { | |
| return Container( | |
| color: Colors.purple, | |
| width: 200, | |
| height: 200, | |
| margin: EdgeInsets.all(16), | |
| child: Center(child: Text('Hi')), | |
| ); |
| import 'package:flutter/material.dart'; | |
| void main() => runApp(MyApp()); | |
| class MyApp extends StatelessWidget { | |
| @override | |
| Widget build(BuildContext context) { | |
| // TODO: implement build | |
| return MaterialApp( | |
| title: 'Fultter', |
| - your-theme
| - images # 主题相关图片资源
| - header.php # html 头部模板
| - footer.php # html 尾部模板
| - index.php # 首页模板
| - single.php # 文章模板
| - page.php # 页面模板
| - style.css
<Router>
<div className="router-container">
<Route exact path="/" component={ Home } />
<Route exact path="/search" component={ Search } />
</div>
</Router>比如现在搜索要搜 t: text 和 s: abc，路由应该是 /search?t=text&s=abc