善用插件,提升开发效率 Prettier 代码风格统一工具
插件地址:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Eslint 代码检查工具
插件地址:https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
Tslint ts 代码检查工具
插件地址:https://marketplace.visualstudio.com/items?itemName=eg2.tslint
Auto Rename Tag 修改标签名
插件地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
效果:
Gitlens git 代码管理工具
插件地址:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
效果:会在代码处显示是谁提交的
npm Intellisense 自动引入 module 工具
插件地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
效果:
Path Intellisense import 的时候路径提示
插件地址:https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
编辑器配置自动保存 在 code -> preferences(选项) -> Settings(设置) 中,添加如下配置:
"editor.formatOnSave": true, "prettier.eslintIntegration": true, "prettier.tslintIntegration": true
sync setting 插件地址: gist id: c365854089ec00a5e0dc58f3cc4e6e56 token: 64decoe(NTljODg1YTExN2ZkOGIxZmM4MWMzZTlhY2E0MjU0YzFhYTczNTAwOA==)