- install
- 快捷键
- 语言配置
- 插件
- settings.json
install
- Windows download
- Linux
- Mac
快捷键
文件、窗口、代码跳转、终端、用户snippets设置、断点、汉化插件
功能 | 操作 |
---|---|
创建文件 | ctrl+n 、 ⌘N |
关闭文件 | ctrl+w |
保存文件 | ctrl+s |
创建vscode窗口 | ctrl+shift+n |
关闭vscode窗口 | ctrl+shift+w |
主命令 | ctrl+shift+p |
直接跳转到文件 | ctrl+p 后输入文件名 |
列出当前可执行动作 | ctrl+p 后输入? |
跳到指定行数 | ctrl+p 后输入: |
跳转到指定函数或变量 | ctrl+p 后输入@ |
文件切换 | crtl+tab 或 alt+左右箭头 |
跳到函数定义 | F12 |
查看函数定义 | alt+F12 |
windows回退一步 | alt + <— |
windows前进一步 | alt + —> |
mac回退 | ctrl+- |
mac前进 | ctrl+shift+- |
快速打开浏览器 | alt+shfit+b |
格式化代码 | shift+alt+f |
显示左侧 | ctrl+B |
打开终端 | ctrl+` |
快速生成html文档 | !+回车 |
gitbash进入目录快速调用vscode打开目录 | code . |
运行代码调试 | F5双击 |
设置断点 | F9 |
language
golang
windows
# 下载 # 1.14.4版本 windows操作系统 amd64架构https://studygolang.com/dl/golang/go1.14.4.windows-amd64.zip# 解压到 D:\Program Files (x86)\# 编辑windows环境变量桌面右击我的电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 用户变量 -> 新建: GOROOT D:\Program Files (x86)\go GOPATH D:\gohome GOPROXY https://mirrors.aliyun.com/goproxy/Path变量编辑 -> 新建:%GOROOT%\bin%GOPATH%\bin# 命令查看验证win+R -> cmd -> go env
linux
wget https://studygolang.com/dl/golang/go1.14.4.linux-amd64.tar.gztar xf go1.14.4.linux-amd64.tar.gz -C /usr/localmkdir -p /opt/go/srccp /etc/profile /homeecho 'export GOROOT=/usr/local/go' >> /etc/profileecho 'export GOPATH=/opt/go' >> /etc/profileecho 'export GOPROXY=https://mirrors.aliyun.com/goproxy/' >> /etc/profileecho 'export PATH=$PATH:$GOROOT/bin:$GOPATH/bin' >> /etc/profilesource /etc/profilego env
Mac
wget https://studygolang.com/dl/golang/go1.14.4.darwin-amd64.tar.gztar xf go1.14.4.darwin-amd64.tar.gz -C /usr/localmkdir -p /data/go/srccp /etc/profile /homeecho 'export GOROOT=/usr/local/go' >> /etc/profileecho 'export GOPATH=/opt/go' >> /etc/profileecho 'export GOPROXY=https://mirrors.aliyun.com/goproxy/' >> /etc/profileecho 'export PATH=$PATH:$GOROOT/bin:$GOPATH/bin' >> /etc/profilesource /etc/profilego env
插件:
F1或ctrl+shift+p
, 输入命令Extensions:Install Extension
—> 插件管理输入go
安装启用配置 : 菜单
File — Preferences — User - Extensions - Go - Edit in settings.json
# 用户空间 user/settings.json# golang部分{ "go.goroot": "D:\\Program Files (x86)\\go", "go.gopath": "D:\\gohome", "go.buildOnSave": "package", "go.lintOnSave": "package", "go.formatTool": "goimports", // 保存时格式化且自动导入import "go.gocodeAutoBuild": false, "go.useGoProxyToCheckForToolUpdates": true // go工具更新使用GOPROXY代理}
# 工作空间# 设置调试配置 .vscode/launch.json{ "version": "0.2.0", "configurations": [ { "name": "Launch", "type": "go", "request": "launch", "mode": "auto", "stopOnEntry": false, "program": "${fileDirname}", "env": {}, "args": [] } ]}
安装go工具 golang-package-git
# vscode点击安装会出现报错。。感觉有代理翻墙就好了# 打开vscode的终端 crtl+`# 直接可以下载安装 (go get -u强制更新 -v显示进度 -x显示过程 -d只下载不安装)go get -u -v github.com/mdempsky/gocode go get -u -v github.com/uudashr/gopkgs/cmd/gopkgs go get -u -v github.com/ramya-rao-a/go-outline go get -u -v github.com/acroca/go-symbols go get -u -v github.com/go-delve/delve/cmd/dlv go get -u -v github.com/rogpeppe/godefgo get -u -v github.com/sqs/goreturns go get -u -v github.com/cweill/gotestsgo get -u -v github.com/godoctor/godoctor# 被墙的,先在git下载再安装。 有代理可以解决部分mkdir -p $GOPATH/src/golang.org/xcd $GOPATH/src/golang.org/xgit clone https://github.com/golang/tools.git toolsgit clone https://github.com/golang/lint.git lintgit clone https://github.com/golang/net.git netgo install golang.org/x/tools/cmd/gurugo install golang.org/x/tools/cmd/gorenamego install golang.org/x/lint/golintgo install golang.org/x/net/gonet
python
下载: python.org
windows
# 安装时确认勾选添加到环境变量,安装到D:\Program Files (x86)\pythonhttps://www.python.org/ftp/python/3.8.3/python-3.8.3.exe# 手动添加环境变量桌面右击我的电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 用户变量 -> Path变量编辑 -> 新建:D:\Program Files (x86)\python\Scripts\D:\Program Files (x86)\python\# cmd 验证# python >>> import this# pip list # 检查第三方包# pip install flake8 # flake8检查编写代码不规范和语法错误# pip install yapf # 格式化工具
插件:
F1或ctrl+shift+p
, 输入命令Extensions:Install Extension
—> 插件管理输入python
安装启用配置 : 菜单`File — Preferences — User – Extensions – Python – Edit in settings.json
# 用户空间 user/settings.json# python部分 { "python.pythonPath": "D:\\Program Files (x86)\\python", "python.pipenvPath": "D:\\Program Files (x86)\\python\\Scripts", "python.linting.flake8Enabled": true, "python.formatting.provider": "yapf", "python.linting.flake8Args": ["--max-line-length=248"], "python.linting.pylintEnabled": false, "python.linting.enabled": true}
# 工作空间: 当前目录下.vscode中设置# 一般设置 .vscode/settings.json# 设置调试配置 .vscode/launch.json{ "version": "0.2.0", "configurations": [ { "name": "Python: 当前文件", "type": "python", "request": "launch", "stopOnEntry": true, // 断点调试 "program": "${file}", "console": "integratedTerminal" } ]}
vue
下载: nodejs.org
windows
# 下载https://nodejs.org/dist/v10.15.3/node-v10.15.3-win-x64.zip# 解压 D:\Program Files (x86)\node-v10.15.3-win-x64# 设置环境变量桌面右击我的电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 用户变量 -> Path变量编辑 -> 新建:D:\Program Files (x86)\node-v10.15.3-win-x64\# cmd查看npm -v6.4.1# 全局安装vuenpm install vue -g
插件:
F1或ctrl+shift+p
, 输入命令Extensions:Install Extension
—> 插件管理输入vue
安装启用# 其他插件vetur 语法高亮,格式化等ESLint 检测语法错误open-in-brower 快捷调用浏览器查看html文件
配置
# 用户空间: user/settings.json{ "editor.formatOnSave": true, // 代码保存时自动格式化,其他一样生效 "editor.codeActionsOnSave": { // 每次保存的时候将代码按eslint格式进行修复 "source.fixAll": true }, "eslint.validate": [ // 配置下支持vue语言 "javascript", "javascriptreact", "vue-html", { "language": "vue", "autoFix": true } ]}
plugin
markdown
生成目录
# 安装插件 Markdown Tocext install markdown-toc# 插入目录markdown文件中右击 —> “Markdown TOC: Insert/Updata” # 乱码配置 settings.json{ "files.eol": "\n" }
sftp
代码同步到远程机器
# 安装插件 sftp 后左侧扩展图标下新增一个远程目录图标# 工作空间 .vscode/sftp.json{ # 远程目录的别名 "name": "vue", "host": "192.168.56.101", "protocol": "sftp", "port": 22, "username": "root", "password": "root123456", # 默认vscode的工作区目录,设置要同步的目录 "context": "D:\\gohome\\src\\github.com\\didi\\nightingale", # 同步到远程机器的目录 "remotePath": "/data/vue", # 保存上传 "uploadOnSave": true, # 忽略的文件不上传 "ignore": [ ".vscode", ".git", ".DS_Store" ], # 监听,重命名文件或删除同步更新 "watcher": { "files": "**/*", "autoUpload": true, "autoDelete": true }, # 支持不同git分支同步到不同主机 "profiles": { "dev": { "host": "192.168.56.101", "remotePath": "/data/vue", "uploadOnSave": true }, "master": { "host": "192.168.56.101", "remotePath": "/data/vue2" } }, "defaultProfile": "master"}
git
- 下载 git-scm.com
# 下载安装https://github.com/git-for-windows/git/releases/download/v2.27.0.windows.1/Git-2.27.0-64-bit.exe# 安装设置D:\Program Files (x86)\Git# vscode的git图形管理很方便
settings.json
{ "window.zoomLevel": 0, "files.autoSave": "off", "files.eol": "\n", "editor.columnSelection": false, "editor.fontSize": 20, "editor.formatOnSave": true, "editor.codeActionsOnSave": { "source.fixAll": true }, "editor.renderWhitespace": "all", "editor.minimap.enabled": true, "breadcrumbs.enabled": true, "debug.allowBreakpointsEverywhere": true, "git.path": "D:\\Program Files (x86)\\Git\\cmd\\git.exe", "go.gopath": "D:\\gohome", "go.goroot": "D:\\Program Files (x86)\\go", "go.buildOnSave": "package", "go.lintOnSave": "package", "go.formatTool": "goimports", "go.useCodeSnippetsOnFunctionSuggest": true, "go.useLanguageServer": false, "go.useGoProxyToCheckForToolUpdates": true, "eslint.validate": [ "javascript", "javascriptreact", "html", ], "python.linting.flake8Enabled": true, "python.formatting.provider": "yapf", "python.linting.flake8Args": [ "--max-line-length=248" ], "python.linting.pylintEnabled": false,}
文章来源:智云一二三科技
文章标题:vscode 实用配置
文章地址:https://www.zhihuclub.com/6588.shtml