本文共 8452 字,大约阅读时间需要 28 分钟。
版本信息
版本: 1.51.1 (user setup)提交: e5a624b788d92b8d34d1392e4c4d9789406efe8f日期: 2020-11-10T23:34:32.027ZElectron: 9.3.3Chrome: 83.0.4103.122Node.js: 12.14.1V8: 8.3.110.13-electron.0OS: Windows_NT x64 10.0.17134
官网:https://code.visualstudio.com/
中文使用教程:https://geek-docs.com/vscode/vscode-tutorials/vs-code-code-jump-and-link.html
vscode官方教程:https://code.visualstudio.com/docs/有时候设置完没生效的话就重启vscode!!!
设置中的用户指的是当前登录用户。工作区指的是当前打开的项目。一版配置基于用户的,这样可以全局使用。
快捷键支持 IntelliJ IDEA Keybindings
快捷键参考:https://marketplace.visualstudio.com/items?itemName=k–kato.intellij-idea-keybindings也就是联网同步你的配置到服务器,不用每次导入导出配置。
打开设置,点击 同步配置, 使用 github 账号授权登录ctrl + shift + p
打开命令面板
以json的方式打开配置:open settings(JSON) 以UI的方式打开配置:open settings(UI)点击扩展,搜索 chinese
选择 chinese (simplified) Language 中文简体 安装完成后需要使用: ctrl+shift+p 输入 config display language,点击确定后选择 zh-cn 重启即可生效。打开设置,搜索 auto save
选择 onWindowChange,也就是当窗口切换的时候保存,是为了防止在开发vue项目的时候,它一直在编译。改用gopls代替默认的组件
打开 settings 搜索 go.useLanguageServe,并勾选上。 等待一会 发现代码提示已经很快了。如果不行可参考其他方式:https://blog.csdn.net/zhetmdoubeizhanyong/article/details/102534172
首先确保电脑上下载了这个字体包
C:\Windows\Fonts如果没有,下载最新的TTF:https://github.com/adobe-fonts/source-code-pro/releases
解压后,将所有的 .ttf 文件复制到 C:\Windows\Fonts,然后会自动合并为一个 Source Code Pro 。打开设置,用户,文本编辑器,字体
默认值为:Consolas, ‘Courier New’, monospace 修改为:Source Code Pro重启编辑器生效。
打开设置,输入 font,针对不同的位置有独自的设置。
Editor font size:编辑区的字体大小,设置 16. Markdown › Preview: Font Size:14. Debug › Console: Font Size:14. Terminal › Integrated: Font Size:14.重启编辑器生效。
打开设置,搜索 Word Wrap
选择 on,默认是 off当编辑器发现你写的单词不规范时会有下波浪线提示,这个没必要,可以关闭。
你把鼠标移到波浪线上时就会发现这个功能是有 cSpell 提供的。打开设置,输入 cspell
用户和工作区都要操作 去掉 C Spell: Enabled 下面的勾选。 或者 删掉 C Spell: Enabled Language Ids 下面的文件类型。默认情况下,被检测到是link的字符串时,下面会出来下划线,鼠标放在上面时会出来 关注链接 (ctrl + 单击) 。
我不喜欢这个效果,使整个编辑区乱七八糟,于是选择关闭它。打开设置,输入 链接
去掉 Editor: Links 的勾选即可。也就是在左侧显示大纲,右键点击项目文件夹,控制其开关
ctrl + shift + p 打开命令面板
搜索 键盘快捷方式 或者 keyboard shortcuts 即可打开快捷键表 然后可以输入命令名称或者快捷键来搜索,比如 “命令”,“ctrl+shift+p” 然后你也可以修改快捷键。光标放在左上角
alt + shift + 鼠标左键拖拉效果
raoxiaoya/article/details/109194514raoxiaoya/article/details/109143754raoxiaoya/article/details/109130549raoxiaoya/article/details/109051050raoxiaoya/article/details/109027899raoxiaoya/article/details/109014347raoxiaoya/article/details/109182561
第一种方法:
按下alt,然后鼠标单击,双击,滑动选择等实现多光标选择。第二种方法:
先定位光标,或选择一些文本,然后按下 ctrl + alt,然后上下键来扩展选择区域。第三种方法:
鼠标选中多行,alt + shift + i ,在每一行的末尾都出现了光标。使用左右键,home键, end键 可以对齐光标位置。
打开 settings ui
搜索confirm delete
勾上即可 有时候打开的文件过多,导致想要切换到某个文件就变得比较麻烦。
按下 ctrl 键;点击 tab 键,这样你就可以打开一个文件列表,这个列表罗列了当前打开的所有文件,然后你可以继续点击 tab 来切换,也可以使用上下键来切换。有的时候,你可能会希望能够立刻跳转到文件里的类定义,或者函数定义的位置。
项目或者文件里有哪些类、哪些函数或者标识符(我们把这些统称为符号)。 ctrl + shift + o 会出来一个@开头的搜索框,可以搜索,也可以上下键选择。 可以输入一个冒号来对符号归类 @: 在右边就能看到 变量,常量,方法 的归类。输入!
按tab 键即可ctrl + shift + p
输入 config user snippet 选择 go 或 go.json 会出来一个模板。 复制 Example: 下面的代码并修改"err statement": { "prefix": "err", "body": [ "if err != nil {\n\t$1\n}", ], "description": "snippet for deal err (GO)"}
当然你也可以分多行来写,更直观一些:
"err statement": { "prefix": "err", "body": [ "if err != nil {", "\t$1", "}", ], "description": "snippet for deal err (GO)"}
效果
if err != nil { }
err statement 为该代码片段的名称。
prefix 为当你输入此字符串后会提示出这个code snippet 。 body 具体的code snippet。 description 描述。 $1 变量占位符,光标会停在第一个变量的位置,可以设置默认值。再比如:
"for range statement": { "prefix": "forr", "body": [ "for ${1:_}, ${2:v} := range list {\n\t\n}", ], "description": "snippet for for ... range (GO)"}
效果
for _, v := range list { }
在这个文件里可以定义多个code snippet,使用逗号隔开。
具体文档:https://code.visualstudio.com/docs/editor/userdefinedsnippets
1、通过代码片段的方式添加文件头注释
ctrl + shift + p 输入 config user snippet 选择以全局的方式创建代码片段,部分语言,全局可用。 输入名称 any 编辑"file header comments": { "scope": "", "prefix": "fileheader", "body": [ "/**", "* ----------------------------------------------------------", "* date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND", "* ----------------------------------------------------------", "* author: Raoxiaoya", "* ----------------------------------------------------------", "* describe: $1", "* ----------------------------------------------------------", "*/", ], "description": "file header comments for global"}
将光标放在文件开头,输入 fileheader 回车。
效果/*** ----------------------------------------------------------* date: 2020-11-30 17:54:26* ----------------------------------------------------------* author: Raoxiaoya* ----------------------------------------------------------* describe:* ----------------------------------------------------------*/
可以随意设置,比较灵活。
2、使用扩展的方法
输入 fileh ,选择 vscode-fileheader 安装。 安装完成后使用: ctrl + alt + i 插入如果快捷键被占用了,使用如下方法
ctrl + shift + p 打开命令面板,输入 fileh 选择 fileheader 回车,在当前文件头部就有了注释。默认样式
/* * @Author: mikey.zhaopeng * @Date: 2020-11-30 17:28:03 * @Last Modified by: raoxiaoya * @Last Modified time: 2020-11-30 17:43:07 */
当你使用 ctrl+s 保存修改后的文件后,@Last Modified by 和 @Last Modified time 后面的值会自动改变。
但是样式没法自己配置。
ctrl + shift + enter
再当前行下面开始新的一行。alt + 上下方向键
向上,向下移动一行或多行。alt + j
选中一串字符串,按下 alt,多次按下 j 键,查找并选中相同的字符串,常用于批量编辑。ctrl + alt + l
代码格式化对齐。ctrl + shift + p
打开功能搜索对话框。ctrl + /
注释鼠标双击,三击,四击
选中单词;当前行;整个文档。ctrl + d
复制当前行或者选择的内容。ctrl + g
跳转到当前文件的指定的行,输入行号,回车。 跳转到指定文件的指定的行,输入类似于 Read3.php:100,回车。代码折叠展开
ctrl + shift + +/- ctrl + shift + [/]开启右边小地图
打开设置,搜索 minimap 勾选 Editor › Minimap: Enabled 为了减小性能损耗,去掉勾选 Editor › Minimap: Render Characters关闭/显示行号
打开设置,搜索 linenumber 选择 on/off设置行号背景
打开设置,搜索 renderLineHighlight 选择 all不展示空格符和制表符
打开设置,搜索 renderWhitespace 选择 none缩进参考线和垂直标尺
打开设置,搜索 renderIndentGuides,勾选上。 垂直标尺 rulers 默认关闭,不用修改。工作区添加多文件夹
ctrl + shift + p 输入 add folder to workspace 此工作区为无标题,如果想保存,依然打开命令面板,搜索 save workspace as 需要移除的话可以右键某个文件夹。打开终端
右键需要进入的文件夹或文件,选择在集成终端中打开。或者使用 ctrl + shift + ` 来调出终端。 选择终端的模式:打开终端后,下拉框,选择“选择默认Shell”,点击选择,然后关闭终端,重新打开。 有了这个功能,我的 git bash, cmd 就可以关掉了。可以同时打开多个终端,使用下拉框来切换终端。
加号新开终端。 删除图标删除当前终端。安装扩展 go
Go Team at Google Rich Go language support for Visual Studio Code打开配置
“go.gopath”: “D:\dev\php\magook\trunk\server\golang\path”, “go.goroot”: “D:\Go”,安装配套组件
1、安装gocode go get -u -v github.com/nsf/gocode 2、安装golint go get -u -v golang.org/x/tools go get -u -v golang.org/x/lint go get golang.org/x/lint/golint 3、安装go-find-references go get -u -v github.com/lukehoban/go-find-references 4、安装go-outline go get -u -v github.com/lukehoban/go-outline 5、安装goreturns go get -u -v sourcegraph.com/sqs/goreturns 6、安装gorename go get -u -v golang.org/x/tools/cmd/gorename 7、安装gopkgs go get -u -v github.com/tpng/gopkgs 8、安装go-symbols go get -u -v github.com/newhook/go-symbols 9、安装gopls go get -u -v golang.org/x/tools/gopls 10、安装godef go get -u -v github.com/rogpeppe/godef代码调试
go get -u -v github.com/go-delve/delve/cmd/dlv 用鼠标点击行号左边打断点。 按F5打开调试运行,F10单步,F11进入函数。 默认会编译当前项目,而不是某个文件。可以通过 launch.json 的配置改变调试行为,如何打开 launch.json 文件呢?
如果已经有了就只能编辑默认配置
{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "name": "Launch", "type": "go", "request": "launch", "mode": "auto", "program": "${fileDirname}", "env": { }, "args": [] } ]}
go-lint 是golang代码规范检查的,但是它老是要提示没有写注释
exported function Xxx should have comment or be unexported 外部可见程序结构体、变量、函数都需要注释 添加配置可以规避这种提示。"go.lintFlags": ["--disable=all", "--enable=errcheck"],
打开设置,搜索“资源管理器”
Files: Exclude
默认vscode会将目录下的所有文件加载过来,有时候我们需要过滤掉诸如 .idea, .git, .svn 等目录;可以在这里添加上。 .idea .vscode .settings修改文件图标主题
设置,文件图标主题,选择一个主题 可以在扩展中安装新的主题。 当前选择:VSCode Great Icons编辑器言责主题当前选择:One Dark Pro
代码分析与跳转:二选一
PHP Intelephense PHP IntelliSense代码输入提示:
TabNine AI代码输入提示,非常强大,选装。注释自动生成器
PHP DocBlockerPHP命名空间解析器
PHP Namespace ResolverPHP Debug
XDebug 工具,选装在PHP开发过程中,双击变量总是不能将$符号一起选中,需要设置
打开设置,搜索 word sep ,去掉里面的 $ 符即可。vscode安装 Code Runner 插件
设置好php程序使用 Ctrl+Alt+N
效果将光标移动到单词的首,尾
ctrl + 左右键 多按几次左右键你会发现光标以单词为间距移动。将光标移动到行的首,尾
home, end根据光标走动选中内容
按下shift 1、使用左右箭头逐个字符选中。 2、按下ctrl,再使用左右键逐个单词选中。 3、使用home, end整行选中。 4、使用上下箭头多行选中。移动代码块
先选中代码块 按下alt,使用上下键来移动 shift + ctrl + 上下键来移动(一版使用shift来选择,再配合ctrl来移动,这样操作更流畅)回到文档首行和末行
ctrl + home/end删除行
ctrl + x 剪切当前行 ctrl + y 删除当前行复制行
ctrl + d