title | tags | grammar_cjkRuby |
---|---|---|
windows 安装 git 工具并配置 vscode 的命令工具 |
windows,git,vscode,shell,linux,命令行 |
true |
- 下载 https://git-scm.com/
- 安装,自定义目录安装,注意目录不要有中文字符,
D:\software\install
- 下载 https://code.visualstudio.com/
- 安装,自定义目录安装,
D:\software\install
- 打开
vscode
,打开终端工具,选择默认终端select default shell
- 因为自定义安装
git
终端工具,所以默认C盘
没有 - 打开设置
settings
,修改默认脚本终端安装地址D:\software\install\Git\git-bash.exe
- 关闭
vscode
,重新打开,查看是否配置成功
通过安装 vscode 的扩展
vetur
和 npm 包@vue/eslint-config-prettier
,在保存文件和格式化文件时格式化代码,已通过eslint
的代码风格检查,方便组内人员统一维护代码。
-
vscode 安装扩展
vetur
-
vue 项目安装 npm 依赖包
@vue/eslint-config-prettier
-
配置
vscode
的设置文件settings.json
{ "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], "editor.tabSize": 2, "editor.formatOnSave": true, "prettier.semi": false, "prettier.singleQuote": true }
-
配置
package.json
,追加属性prettier
"prettier": { "semi": false, "singleQuote": true }
{
//直接打开 新窗口 "terminal.integrated.shell.windows": D:\\software\\install\\Git\\git-bash.exe
// or 借用 powershell 窗口,执行 git-bash
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
"terminal.external.windowsExec": "D:\\software\\install\\Git\\git-bash.exe",
// vue 代码格式化
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
"editor.tabSize": 2,
"editor.formatOnSave": true,
"prettier.semi": false,
"prettier.singleQuote": true,
//.json 文件格式化
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
-
下载 nvm-setup.zip 文件,安装
-
安装时注意
nvm
的安装目录和node
的安装目录 -
添加淘宝镜像,打开
/d/software/install/nvm/settings.txt
文件,添加node_mirror
和npm_mirror
root: D:\software\install\nvm path: D:\software\install\nvm-node node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/