VSCode搭建node + typescript开发环境 (2)

代码美化。很多编辑器都有类似功能， VSCode也不例外。
VSCode的Prettier内置了prettier-eslint和prettier-tslint插件。
你可以在配置里面json文件修改或者配置面板修改。

"prettier.eslintIntegration": false,

这样一来，Prettier使用的就是tslint的配置。
在这里以后， windows换将下，默认情况，你就可以Ctl + Shift + F 自动格式化代码了。而且是按照你的tslint配置来格式化的， 就问你怕不怕。

总结

我们最后来看一下package.json下scripts的配置

"scripts": { "build": "npm run tslint && npm run build-ts", "build-ts": "tsc", "watch-ts": "tsc -w", "watch-node": "nodemon dist/app.js", "tslint": "tslint -c tslint.json -p tsconfig.json", "dev": "concurrently \\"npm:watch-ts\\" \\"npm run watch-node\\"" }

build： 最终的构建

build-ts: 仅仅是build TS文件

watch-ts: 文件变化时，就build

watch-node: build后的文件变化后，就重启服务

tslint: TS语法检查

dev: 开发模式下，修改ts文件后，自动build为js文件，并启动服务。

这样一来，感觉轻松多了。
想想就没好，自动美化代码，编写后自动启动服务。
喝点茶，出去走走。