VsCode编辑器

1、vscode代码保存时自动格式化成 ESLint风格（支持VUE）   ：   http://www.ptbird.cn/vscode-autosave-eslint-support-vue.html

2、vscode编辑器，默认可以使用命令行，打开编辑器：https://www.jianshu.com/p/274ca1b20dc1

code  base.conf   // 文件路径可以使用 tab 键自动补全的

3、vscode 快捷方式：https://www.cnblogs.com/schut/p/10461840.html

1、F1 或 Ctrl+Shift+P（俗称万能键）  ：打开命令面板。
2、在 Ctrl+P 模式下输入 “?” 会弹出下拉菜：
3、移动到行首:   Home；移动到行尾:   End
4、移动到文件结尾:   Ctrl+End；移动到文件开头:   Ctrl+Home
5、扩展/缩小选取范围： Shift+Alt+→ 和 Shift+Alt+←
6、返回/前进：Alt + ←/→    

4、输入式   快捷方式：

1、 js 的注释模板 （注意：新版的vscode已经原生支持,在function上一行输入 /** tab）

5、自定义 折叠区域：https://blog.csdn.net/u013595395/article/details/108750096【webstorm、vscode、idea都可以】 

 　 通过关键字 region / endregion 来实现。不同的编辑器， 有一点差异。

• vscode

  // #region 变量
  isGetLoading = false;
  tableNameId = "";
  // #endregion
   
   
  // --也可顶格
   
  //#region 变量
  //#endregion

• webstrom

  // region 变量
   
  boolean isGetLoading = false;
  String tableNameId = "";
   
  // endregion 

6、VS Code使用typings拓展自动补全功能：https://blog.csdn.net/weixin_33709364/article/details/91473830   或  https://blog.csdn.net/cuo9958/article/details/77989407（推荐）

　　a、npm 包 要使 编辑器有 智能提示，有 两种方法：使用 TypeScript 编写 源代码，或者 给 JS 添加 TS 的类型声明文件 index.d.ts    。

　　　  JS 的 类型 声明 文件 都是 以 .d.ts 作为后缀名 的文件，在里面写各种提示的逻辑【只是提示的逻辑，而不是程序 执行的 逻辑】。

---

vsCode调试 nodejs 的程序：

 

一、简单的nodejs程序调试 很好调试，这里略过。

 

二、通过npm 命令 启动的程序，调试代码。

　　1、vue-cli2 构建的项目：https://blog.csdn.net/My__God/article/details/82015385（亲测有效）

 　　　　配置 launch.json 即可：

"configurations": [
    {
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "name": "启动程序",
      "program": "${workspaceFolder}/node_modules/webpack-dev-server/bin/webpack-dev-server.js",
      "args": [
        "--inline",
        "--progress",
        "--config",
        "build/webpack.dev.conf.js"
      ]
    }
  ]

　　个人理解：npm run 命令会 到项目或全局上找cmd文件，执行基本；cmd 脚本 在去调用  node.exe  去执行相应的js文件。所以  npm命令 运行的node程序，都是要通过  node.exe  去执行 js 文件的。

　　　　　　　那么 根据  cmd 中的配置，找到node执行的  js文件，通过 debug模式  启动这个js程序，就可以进入程序的  debug模式了。

　　2、