在你的项目文件中,你可能会发现存在些.vscode文件夹,哪这些文件夹是干什么的尼,有什么作用尼

vscode 的设置分为三类

第一类是 vscode 本身的设置,即默认配置(不推荐动)
image.png
第二类是用户设置(推荐个人修改这个配置以适应项目)
image.png
第三类是项目本身的配置(针对项目的配置,主要在 .vscode 目录下有四个文件)
extension.json,launch.json,settings.json,tasks.json
image.png

extensions.json文件

只要你配置了这个扩展插件推荐数组,那么同组开发人员用vscode打开该项目的时候,如果没有安装对应配置的插件,vscode就会提示开发人员进行安装

  1. {
  2. "recommendations": [
  3. "esbenp.prettier-vscode",
  4. "dbaeumer.vscode-eslint",
  5. "wayou.vscode-todo-highlight",
  6. "eamodio.gitlens",
  7. "steoates.autoimport",
  8. "ms-vscode.vscode-typescript-tslint-plugin"
  9. ]
  10. }

settings.json

  1. {
  2. "files.exclude": {
  3. "dist": true,
  4. "*/**/node_modules": true,
  5. ".tea": true,
  6. ".entry": true
  7. },
  8. "files.associations": {
  9. "*.sjs": "javascript",
  10. "*.acss": "css",
  11. "*.axml": "axml"
  12. },
  13. "[javascript]": {
  14. "editor.formatOnSave": true,
  15. "editor.defaultFormatter": "vscode.typescript-language-features"
  16. },
  17. "[css]": {
  18. "editor.formatOnSave": true,
  19. "editor.defaultFormatter": "esbenp.prettier-vscode"
  20. },
  21. "[json]": {
  22. "editor.formatOnSave": true,
  23. "editor.defaultFormatter": "esbenp.prettier-vscode"
  24. },
  25. "[less]": {
  26. "editor.formatOnSave": true,
  27. "editor.defaultFormatter": "esbenp.prettier-vscode"
  28. }
  29. }

tasks.json

这个文件是专门用来定制我们专属的执行任务的,我们在命令行中输入关键字 tasks 就可以进行任务的创建和执行了

launch.json

launch.json 文件是专门为 debugger 调试器准备的,在 vscode 中把调试功能的最终实现交给插件来完成的,因此 vscode 提供了统一的调试接口 Debug Adapter Protocol(DAP)