原文地址为:
vscode 基本配置和使用
快捷键
在terminal打开vccode code
ctrl+p 查看搜索打开目录下的所有的文件
ctrl+shift+p 或者 F1 打开控制台
alt+shift+up/down 列选择
alt+up/down 选中后使用快捷键,整块代码向上/下移动
alt+click Multiple cursors多处编辑(注:ubuntu和本身快捷键冲突,按alt会弹出菜单,需要设置gsettings set org.gnome.desktop.wm.preferences mouse-button-modifier ""
)
ctrl+ 将一个文档分分为两个窗口,最多三个
ctrl+tab 切换打开的tab栏,按tab选择
ctrl+g 跳转到指定的行
ctrl+shift+f 在打开的文件夹中寻找(可以选择文件搜索范围,支持正则表达式,反向引用:$1)
ctrl+f 在当前文件查找
ctrl+h在当前文件中
shift+alt+鼠标 块选择
ctrl+` 启动终端
ctrl+/ 加/解注释
folding折叠
Fold (Ctrl+Shift+[
) 折叠所在的这个部分
Unfold (Ctrl+Shift+]
) 取消所在部分的折叠
Fold All (Ctrl+K Ctrl+0
) 折叠当前编辑文件的所有可折叠部分
Unfold All (Ctrl+K Ctrl+J
) 取消当当前文件所有折叠
Fold Level X (Ctrl+K Ctrl+2
for level 2) 折叠所有level x(还可以用 ctrl+3、ctrl+4等)的缩进去(除了当前编辑位置所在的)
控制台Command Palette
不一定要输入完整的命令,会有提示的
- theme、setting、keybord(快捷键)、snip、fold
- git(各种操作)
比如:git checkout
蓝色:改变的行,绿色:新的行,红色尖尖:被删除的行
选项里:撤销上次提交、显示git信息
使用和配置
基本配置
自动保存
在用户配置文件中配置,可以通过控制台熟读setting快速打开
files.autoSave: 可以有以下的值
off - to disable auto save.
afterDelay - to save files after a configured delay.
onFocusChange - to save files when focus moves out of the editor of the dirty file.
onWindowChange - to save files when the focus moves out of the VS Code window.
files.autoSaveDelay: Configures the delay in milliseconds when files.autoSave is configured to afterDelay.
代理
详情见
Note: VS Code supports http and https proxies, but not SOCKS proxies.
tasks
tasks就是一些预定义的任务,必须在文件夹下才可以运行(因为人家需要有配置文件嘛)
定义自己的task
控制台输入task
,然后就知道怎么做了,后边选others(任意任务),有示例
command and tasks[]
同一命令,不同参数
{"version": "0.1.0","command": "echo","isShellCommand": true,"args": [],"showOutput": "always","echoCommand": true,"suppressTaskName": true,"tasks": [{ "taskName": "hello","args": ["Hello World"]},{ "taskName": "bye","args": ["Good Bye"]}]
}
running task commands through a shell command
{"version": "0.1.0","command": "sh","args": ["-c"],"isShellCommand": true,"showOutput": "always","suppressTaskName": true,"tasks": [{"taskName": "make","args": ["make"]},{"taskName": "ls","args": ["ls"]}]
}
也许配置中会使用到的变量
${workspaceRoot} VS Code当前打开的文件夹
${file} 当前打开的文件
${relativeFile} 相对于workspaceRoot的相对路径
${fileBasename} 当前打开文件的文件名
${fileDirname} 所在的文件夹,是绝对路径
${fileExtname} 当前打开文件的拓展名,如.json
${cwd} the task runner's current working directory on startup
使用环境变量${env.Name}
(e.g. ${env.PATH})
Editor Groups分屏
Ctrl+1 go to the leftmost editor group.
Ctrl+2 go to the center editor group.
Ctrl+3 go to the rightmost editor group.
Ctrl+W close the active editor.
snippets设置和使用代码块
"For Loop": {"prefix": "for","body": ["for (var ${index} &#61; 0; ${index} <${array}.length; ${index}&#43;&#43;) {","\tvar ${element} &#61; ${array}[${index}];","\t$0","}"],"description": "For Loop"},
For Loop
代码块的名字prefix
定义触发的关键词body
内容description
输入关键词出发snippets的提示信息
可选的变量&#xff1a;
相同id的文件会被绑定到一起同时编辑
注
如果你的代码含有{
or}
, 需要转义&#xff0c;如\\{
and \\}
配置内部使用的terminal
参见cmder基本配置和使用
插件推荐
可以像使用wim那样使用VSC
简直棒&#xff0c;可以在文件前显示语言logo之类的图标
在文件前边添加注释
特定语言
html
开头输入&#xff01;
然后按tab&#xff0c;整个html框架补全
输入标签名称然后tab&#xff0c;补全标签
php
- php Debug棒的不行
需要在setting.json里设置"php.validate.executablePath": "/usr/bin/php"
- php IntelliSense Crane 补全超级牛
- PHP IntelliSense 另一个&#xff0c;能搜索函数、格式化代码
- 好像要一个可以自动生成标准doc注释的插件&#xff0c;不过暂时没找到
C
- C/C&#43;&#43; 微软出的
note:觉得这些拓展的功能还是太弱了&#xff0c;居然上边定义的变量都没有提示。kdevelop还不错&#xff0c;界面也挺棒的&#xff0c;强烈推荐。
debug需要使用make、gdb 。右击断点可以设置条件断点&#xff0c;监控栏可以监控一些表达式。
配置示例&#xff1a;
lanuch.json需要增加或者修改的&#xff0c;都有提示
"program": "${workspaceRoot}/build",
"preLaunchTask": "build"
task.json problemMatcher&#xff1a;将错误信息显示出来
{"version": "0.1.0","command": "make","showOutput": "always","tasks": [{"taskName": "clean"&#xff0c;"args":["clean"]},{"taskName": "build","problemMatcher": {"owner": "cpp","fileLocation": ["relative", "${workspaceRoot}"],"pattern": {"regexp": "^(.*):(\\d&#43;):(\\d&#43;):\\s&#43;(warning|error):\\s&#43;(.*)$","file": 1,"line": 2,"column": 3,"severity": 4,"message": 5}}}]}
markdown
- markdown theme kit
- 好看的css找了一下午&#xff0c;好多挺好看css的和主题不搭
有好看的可不可以分享一下&#xff5e;&#xff5e;
python
拓展推荐&#xff1a;python 就是搜python排名最高那个&#xff0c;安装之后右击查看强大功能
调试配置&#xff08;只截取修改部分&#xff09;&#xff1a;
在用户配置&#xff08;可通过console控制台里输setting打开&#xff09;里面将python改为运行python命令的地址&#xff0c;如果在终端中可以直接运行python命令&#xff0c;只输入python
也可以
下边python文件中的pythonpath也是指的python命令地址
"configurations": [{"name": "Python","type": "python","request": "launch","stopOnEntry": true,"pythonPath": "${config.python.pythonPath}","program": "${file}","debugOptions": ["WaitOnAbnormalExit","WaitOnNormalExit","RedirectOutput"]},{"name": "Flask","type": "python","request": "launch","stopOnEntry": false,"pythonPath": "${config.python.pythonPath}", //如果需要用venv里面的python&#xff0c;需要把这个改成python命令位置&#xff0c;类似这样的/home/jcuan/code/python/project/venv/bin/python"program": "/home/jcuan/code/python/project/venv/bin/flask", //flask命令地址&#xff0c;flask0.11之后可以通过flask run的方式来运行python&#xff0c;不过需要一些配置&#xff0c;比如FLASK_APP环境变量的设置&#xff0c;可以通过运行 flask --help 和flask run --help来查看帮助"env": {"FLASK_APP": "${workspaceRoot}/app/__init__.py" //设置必要环境变量&#xff0c;这个文件就是你项目开始的那个文件},"args": [ //运行flask命令的参数"run","--no-debugger","--no-reload"],"debugOptions": ["WaitOnAbnormalExit","WaitOnNormalExit","RedirectOutput"]}
我的__init__.py大概像这样的&#xff0c;
from flask import Flaskapp &#61; Flask(__name__, static_folder&#61;&#39;statics&#39;, static_url_path&#61;&#39;/static&#39;)
app.config.from_pyfile(&#39;config.py&#39;)import hello
转载请注明本文地址&#xff1a;
vscode 基本配置和使用