vscode 基本配置和使用

原文地址为： 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 "<Super>"）

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} = 0; ${index} < ${array}.length; ${index}++) {",
            "\tvar ${element} = ${array}[${index}];",
            "\t$0",
            "}"
        ],
        "description": "For Loop"
    },

• For Loop 代码块的名字
• prefix 定义触发的关键词
• body 内容
• description 输入关键词出发snippets的提示信息

可选的变量：

• $1, $2 tab 停止的地方

• ${id} 定义变量（填空的地方），如 ${lable}是变量

相同id的文件会被绑定到一起同时编辑

注
如果你的代码含有{ or}, 需要转义，如\\{ and \\}

配置内部使用的terminal

参见cmder基本配置和使用

插件推荐

• amVim

可以像使用wim那样使用VSC

• vscode-icons

简直棒，可以在文件前显示语言logo之类的图标

• vscode-fileheader

在文件前边添加注释

特定语言

html

开头输入！然后按tab，整个html框架补全
输入标签名称然后tab，补全标签

php

• php Debug棒的不行
  需要在setting.json里设置"php.validate.executablePath": "/usr/bin/php"
• php IntelliSense Crane 补全超级牛
• PHP IntelliSense 另一个，能搜索函数、格式化代码
• 好像要一个可以自动生成标准doc注释的插件，不过暂时没找到

C

• C/C++ 微软出的
  note:觉得这些拓展的功能还是太弱了，居然上边定义的变量都没有提示。kdevelop还不错，界面也挺棒的，强烈推荐。
  debug需要使用make、gdb 。右击断点可以设置条件断点，监控栏可以监控一些表达式。
  配置示例：
  lanuch.json需要增加或者修改的，都有提示

"program": "${workspaceRoot}/build",
"preLaunchTask": "build"

task.json problemMatcher：将错误信息显示出来

{
     "version": "0.1.0",
     "command": "make",
     "showOutput": "always",
     "tasks": [
         {
             "taskName": "clean"，
              "args":[
                    "clean"
                ]
         },
         {
             "taskName": "build",
             "problemMatcher": {
                 "owner": "cpp",
                 "fileLocation":  ["relative", "${workspaceRoot}"],
                 "pattern": {
                     "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                     "file": 1,
                     "line": 2,
                     "column": 3,
                     "severity": 4,
                     "message": 5
                 }
             }
         }
     ]
 }

markdown

• markdown theme kit
• 好看的css找了一下午，好多挺好看css的和主题不搭
  有好看的可不可以分享一下～～

python

拓展推荐：python 就是搜python排名最高那个，安装之后右击查看强大功能
调试配置（只截取修改部分）：
在用户配置（可通过console控制台里输setting打开）里面将python改为运行python命令的地址，如果在终端中可以直接运行python命令，只输入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，需要把这个改成python命令位置，类似这样的/home/jcuan/code/python/project/venv/bin/python
            "program": "/home/jcuan/code/python/project/venv/bin/flask",        //flask命令地址，flask0.11之后可以通过flask run的方式来运行python，不过需要一些配置，比如FLASK_APP环境变量的设置，可以通过运行 flask --help 和flask  run --help来查看帮助
            "env": {
                "FLASK_APP": "${workspaceRoot}/app/__init__.py"        //设置必要环境变量，这个文件就是你项目开始的那个文件
            },
            "args": [            //运行flask命令的参数
                "run",
                "--no-debugger",
                "--no-reload"
            ],
            "debugOptions": [
                "WaitOnAbnormalExit",
                "WaitOnNormalExit",
                "RedirectOutput"
            ]
        }

我的__init__.py大概像这样的，

from flask import Flask

app = Flask(__name__, static_folder='statics', static_url_path='/static')
app.config.from_pyfile('config.py')

import hello

转载请注明本文地址： vscode 基本配置和使用