热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vscode基本配置和使用

原文地址为:vscode基本配置和使用快捷键在terminal打开vccodecodectrlp查看搜索打开目录下的所有的文件ctrlshiftp或者F1打开
原文地址为:
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;

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

  • ${id} 定义变量&#xff08;填空的地方&#xff09;&#xff0c;如 ${lable}是变量

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


如果你的代码含有{ or}, 需要转义&#xff0c;如\\{ and \\}

配置内部使用的terminal

参见cmder基本配置和使用

插件推荐


  • amVim

可以像使用wim那样使用VSC

  • vscode-icons

简直棒&#xff0c;可以在文件前显示语言logo之类的图标

  • vscode-fileheader

在文件前边添加注释

特定语言


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 基本配置和使用


推荐阅读
  • centos 7.0 lnmp成功安装过程(很乱)
    下载nginx[rootlocalhostsrc]#wgethttp:nginx.orgdownloadnginx-1.7.9.tar.gz--2015-01-2412:55:2 ... [详细]
  • Spring 切面配置中的切点表达式详解
    本文介绍了如何在Spring框架中使用AspectJ风格的切面配置,详细解释了切点表达式的语法和常见示例,帮助开发者更好地理解和应用Spring AOP。 ... [详细]
  • 在Delphi7下要制作系统托盘,只能制作一个比较简单的系统托盘,因为ShellAPI文件定义的TNotifyIconData结构体是比较早的版本。定义如下:1234 ... [详细]
  • 本文介绍了如何利用HTTP隧道技术在受限网络环境中绕过IDS和防火墙等安全设备,实现RDP端口的暴力破解攻击。文章详细描述了部署过程、攻击实施及流量分析,旨在提升网络安全意识。 ... [详细]
  • 本文介绍了如何在 macOS 上安装 HL-340 USB 转串口驱动,并提供了详细的步骤和注意事项。包括下载驱动、关闭系统完整性保护、安装驱动以及验证安装的方法。 ... [详细]
  • PBO(PixelBufferObject),将像素数据存储在显存中。优点:1、快速的像素数据传递,它采用了一种叫DMA(DirectM ... [详细]
  • WPF项目学习.一
    WPF项目搭建版权声明:本文为博主初学经验,未经博主允许不得转载。一、前言记录在学习与制作WPF过程中遇到的解决方案。使用MVVM的优点是数据和视图分离,双向绑定,低耦合,可重用行 ... [详细]
  • 使用Tkinter构建51Ape无损音乐爬虫UI
    本文介绍了如何使用Python的内置模块Tkinter来构建一个简单的用户界面,用于爬取51Ape网站上的无损音乐百度云链接。虽然Tkinter入门相对简单,但在实际开发过程中由于文档不足可能会带来一些不便。 ... [详细]
  • python模块之正则
    re模块可以读懂你写的正则表达式根据你写的表达式去执行任务用re去操作正则正则表达式使用一些规则来检测一些字符串是否符合个人要求,从一段字符串中找到符合要求的内容。在 ... [详细]
  • Spring Data JdbcTemplate 入门指南
    本文将介绍如何使用 Spring JdbcTemplate 进行数据库操作,包括查询和插入数据。我们将通过一个学生表的示例来演示具体步骤。 ... [详细]
  • 本文详细介绍了 HTML 中 a 标签的 href 属性的多种用法,包括实现超链接、锚点以及调用 JavaScript 方法。通过具体的示例和解释,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 为什么多数程序员难以成为架构师?
    探讨80%的程序员为何难以晋升为架构师,涉及技术深度、经验积累和综合能力等方面。本文将详细解析Tomcat的配置和服务组件,帮助读者理解其内部机制。 ... [详细]
  • VB.net 进程通信中FindWindow、FindWindowEX、SendMessage函数的理解
    目录一、代码背景二、主要工具三、函数解析1、FindWindow:2、FindWindowEx:3、SendMessage: ... [详细]
  • Ansible:自动化运维工具详解
    Ansible 是一款新兴的自动化运维工具,基于 Python 开发,集成了多种运维工具(如 Puppet、CFEngine、Chef、Func 和 Fabric)的优点,实现了批量系统配置、程序部署和命令执行等功能。本文将详细介绍 Ansible 的架构、特性和优势。 ... [详细]
  • 命令模式是一种行为设计模式,它将请求封装成一个独立的对象,从而允许你参数化不同的请求、队列请求或者记录请求日志。本文将详细介绍命令模式的基本概念、组件及其在实际场景中的应用。 ... [详细]
author-avatar
邵世以_806
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有