配置VS Code的默认终端为Git Bash

Step1 打开VS Code

->文件

->首选项

->设置

->搜索 terminal.integrated.shell.windows

->在setting.json中编辑

Step2 修改terminal.integrated.shell.windows的值为你的Git Bash物理路径, 注意用\\代替\, 然后保存, 如下图

Step3 重启VS Code

这样VS Code的默认终端就是Git Bash啦

Git Bash有如下优点

1.它是Bash, 支持Linux指令

2. 用其操作Windows目录, 性能优于WSL2 Bash

用WSL2 Bash处理WSL2的目录, 性能较好;

用Git Bash处理Window目录, 性能较好.

以上, 曾实例化于Windows 10 + VS Code 1.51

VS Code配置保存时自动按照eslint格式化vue文件

Step1 给vscode安装Vetur和ESLint插件(已安装则略过)

Step2 在vscode中按下Ctrl+Shift+P键, 在弹出的对话框中输入settings, 不回车

Step3 选择”首选项: 打开设置(json)”, 以打开配置文件 settings.json

Step4 {}是这个json文件的根节点, 在其中按照json格式插入如下节点

// tab 大小为2个空格
"editor.tabSize": 2,
// 编辑器换行
"editor.wordWrap": "off",
// 保存时格式化
"editor.formatOnSave": true,
// 开启 vscode 文件路径导航
"breadcrumbs.enabled": true,
// prettier 设置语句末尾不加分号
"prettier.semi": false,
// prettier 设置强制单引号
"prettier.singleQuote": true,
// 选择 vue 文件中 template 的格式化工具
"vetur.format.defaultFormatter.html": "js-beautify-html",
// vetur 的自定义设置
"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_attributes": "aligned-multiple"
    },
    "prettier": {
        "singleQuote": true,
        "semi": false,
        "printWidth": 100,
        "wrapAttributes": false,
        "sortAttributes": false
    }
}

如果发现这里有的节点, 在原json中已经存在了, 可以将原来的节点注释掉.

然后保存.

这样再保存时, 就可以按照eslint来格式化vue文件啦. 这样做, 也会造成所有文件都在保存时被格式化.