精华内容
下载资源
问答
  • vscode使用技巧
    2021-10-28 22:58:45

    1、弹出命令行窗口:ctrl + ~  
    2、使用cmd :文件->首选项->设置->Terminal › Integrated › Default Profile: Windows
    3、正在运行的插件:Show running extensions
    4、批量输入替换字符:Ctrl + F2
    5、整行位置移动: Alt + 向上/下箭头
    6、删除一行:Ctrl + X  /Ctrl + Shift + K
    7、编辑器向左或向右移动:Ctrl+Shift+PgUp/PgDown
    8、光标向上或者向上批量添加内容:Ctrl + Alt +向上箭头
    9、鼠标设置文字大小:文件->首选项->设置 -> 搜索mouse
    10、Monaco字体:复制到“C:\Windows\Fonts‘ ;文件->首选项->设置 ->文本编辑器 -> 字体 : JetBrains Mono, 'Courier New', monospace  修改为 Monaco, 'Courier New', monospace
     

    更多相关内容
  • 开发工具-vscode 使用技巧

    千次阅读 2022-06-01 20:11:04
    关于 vscode 的一些使用技巧

    本文公众号文章地址

    关于 vscode

    如果我们对一个开发者问你平时 首选 IDE 是什么,不同语言的开发者估计回答都会不太一样。对于后台来说,近几年比较热门的无疑就是 Jetbrains 全家桶系列了,java 用 Idea,go 用 goland,Python 用 PyCharm,体验本身无疑是很棒的。前端开发选择 vscode 就比较多了,主要原因可能是插件支持更完善,而且 vscode 本身就是用 TypeScript 写的。当然还有一些在几年前辉煌过的 Eclipse、Visual Studio Code 等,在一些特定的开发场景还是有一席之地的

    那么自己作为后台开发,为什么自己要“反其道而行之” 选择 vscode 呢,主要有两个原因:

    • 自己的开发环境并不在本地宿主机,而是在容器内(参考: 仓库 docker-centos),要用容器环境一个最直接的方式就是类似连接远程机器那样,用 ssh remote,而目前来说 vscode 对这种模式支持比较好(也和 vscode 的插件机制相关,插件相当于开发环境,可以安装到远程机器,天生就对这种开发模式适配较好)
    • 工作和个人习惯相关,需要经常在不同的开发环境之间切换,比如这会需要跑一个 golang 后台服务,过了几分钟突然一个 java 相关的需求来了。如果用 JetBrain 全家桶,就必须在不同软件(虽然操作逻辑类似)之间切换。而用 vscode 就不需要来回切换操作逻辑,很顺手

    讲到这里,也要提提 vscode + ssh remote 这种模式的缺点

    • 性能不如主机模式
      如果是本机开发,其实直接用 JetBrains 就够了, 相当于直接用本地环境,比用容器开发肯定性能会好很多。像我现在开发的时候,电脑主机内存占用60-70算是家常便饭
    • 熟练门槛高
      对于我现在的开发模式来说除了本身的开发语言之外,还需要了解一些Docker相关的基本操作,还有 vscode 的快捷键(这个非常重要,说他是 vscode 的灵魂也不为过,快捷键用的少开发效率直接减半)、各个开发语言的插件和配置等
    • 特定编程语言下功能不如 Jetbrains 系列
      比如 Idea 可以直接下载和查看源码,vscode 只能查看编译后的 class 文件(虽然也是代码格式,但是少了注释,读开源项目的时候还是比较费劲)

    因此这篇文章依然算是安利的,比较实用的干货的地方,就是结合自己的经验推荐一下好用的 vscode 插件了。至于其他的技巧,就得看个人的使用习惯,我的方法也不一定适用于其他人

    如果你觉得上面使用 vscode 的好处,比较契合自己的习惯,而且不太在乎其带来的影响,那么就可以动手尝试一下了。当然有使用上的感想也欢迎和我私信交流

    常用快捷键

    注意: 一些键位我是改过的,因此还是要看个人习惯

    快捷键功能
    Command + Control + <-跳转到上一个位置
    Command + Control + ->跳转到上一个位置
    Control + `打开终端
    Command + Shift + P插件功能列表
    Command + Shift + F全局搜索
    Command + Shift + O当前文件/类的所有方法
    Command + P打开当前项目的指定文件
    Command + R打开最近项目
    Control + G跳到指定行
    F5开始 debug
    Shift + F5结束 debug

    ssh remote

    插件安装

    在这里插入图片描述

    开发环境准备

    开发环境可以是一个远程宿主机,也可以是你本地的 container 环境
    这里还是以 容器环境为例

    # 启动容器
    docker run -d --hostname dev --name dev -p 2000:22 centos_dev_full
    

    连接开发机

    在这里插入图片描述

    输入账号密码之后,就可以顺利进行 vscode + ssh remote 模式开发了。不过体验上我们还可以继续优化一下

    ssh key

    如果不配置免密登录,每次打开一个新项目(新的代码地址),都需要输入一次,下次打开也还要,非常麻烦
    所以这里我们把主机的公钥配置到开发机的 ~/.ssh/authorized_keys 中,后续不再输入密码

    # linux 生成公钥
    ssh-keygen
    
    # 查看公钥
    cat ~/.ssh/id_rsa.pub
    
    # 将公钥写入服务端受信公钥列表上
    echo "公钥" >> ~/.ssh/authorized_keys
    

    git key

    还有一个需要频繁输入密码的场景,就是使用git,为了方便我们按照配置ssh 免密类似的方式配一下,把主机生成的 ssh 公钥配置到 git 上

    github: **settings -> ssh and GPG keys **

    在这里插入图片描述
    gitee: 设置 -> ssh 公钥

    在这里插入图片描述

    各开发环境常用插件

    java

    Extension Pack for Java

    在这里插入图片描述

    注意新版本的插件要求运行环境是 JDK11, 所以如果你的主力项目用的是 JDK8 ,还需要给开发机额外装 JDK11,另外环境变量也要配对

    # /etc/profile
    export JAVA_HOME=/usr/java/jdk8路径
    export JRE_HOME=$JAVA_HOME/jre
    export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
    export JDK_HOME=/usr/java/jdk-11.0.14.1+1
    export PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin:$MAVEN_HOME/bin:$GRADLE_HOME/bin
    

    这些配置之前还提过 issue 专门问过开发者,最后解决的,亲自试验没问题

    另外项目也要显式说明使用的 JDK 版本,maven 和 gradle 配置如下

    # pom.xml
    ## 注意: 不同的 module 对应的 pom.xml, 都需要加上这个配置
        <properties>
            <maven.compiler.source>1.8</maven.compiler.source>
            <maven.compiler.target>1.8</maven.compiler.target>
        </properties>
    
    # build.gradle
      plugins.withType(JavaPlugin) {
        sourceCompatibility = 1.8
        targetCompatibility = 1.8
      }
    

    最后打开 Java: Configure Java Runtime, 确认项目所使用的 JDK 版本是准确的

    在这里插入图片描述

    maven

    maven 插件在上面装的插件包中自带了,但是有个很奇怪的问题: 插件无法按照 maven 安装路径 /conf/settings.xml 来读取配置,因此诸如本地依赖路径、配置文件路径都会按默认方式从 ~/.m2 路径读取。建议在初始化开发环境的时候配置一个软链指向实际路径,防止通过 maven 下载的依赖包存放在不同路径,造成空间浪费

    # 创建配置和依赖路径软链
    mkdir -p ~/.m2 && ln -s /本地maven 仓库地址 ~/.m2/repository && ln -s /maven安装路径/conf/settings.xml ~/.m2/settings.xml
    

    或者手动修改插件 maven.settingsFile 配置,不过有点麻烦,不建议这么做

    gradle

    gradle 插件需要另外下载: Gradle Extension Pack

    在这里插入图片描述

    formatter

    设置 formatter 工具: 打开插件功能列表(command + shift + P), 选择 Open Java Format Settings With Preview
    第一次会提示还未设置,可以直接用默认的,也可以直接修改 .vscode/settings.json 设置用谷歌的formatter

    # .vscode/settings.json
    "java.format.settings.url": "https://raw.githubusercontent.com/google/styleguide/gh-pages/eclipse-java-google-style.xml",
    "java.format.settings.profile": "GoogleStyle"
    

    lombok

    和 Idea 类似,lombok 要想在编写过程中让注解直接生效,也需要额外的机制: 插件: Lombok Annotations Support for VS Code

    在这里插入图片描述

    golang

    go

    Golang 官方的插件装完之后,在代码编辑这块功能都已经很完备了,装好之后包括测试执行、formatter 等功能都有

    在这里插入图片描述
    在这里插入图片描述

    不过关于测试的参数这里,默认的配置往往不符合我们要求。需要额外设置超时时间,打印日志,取消测试缓存等

    在这里插入图片描述

    # .vscode/settings.json
    "go.testFlags": [
        "-v",
        "-count=1",
        "-timeout=300s"
    ],
    

    python

    python

    在这里插入图片描述

    如果你的开发机上安装了多套 python,可通过 Python: Select Interpreter 进行切换

    在这里插入图片描述

    formatter

    推荐 flake8,默认的 pylint 要求有点过于严格

    打开插件功能列表,搜索 Python: Select Linter 并选择 flake8,第一次选择后提示安装即可

    自动 format: black

    在插件配置中搜索: python formatting provider

    在这里插入图片描述

    markdown

    插件名: Markdown All in One
    在写 readme 的时候还是非常好用的,可以直接看到效果: 打开 Markdown: open preview, 并把 preview 并把窗口拖到右边即可

    在这里插入图片描述

    在这里插入图片描述

    总结

    使用 vscode 很长一段时间回头看,插件功能确实很强大,自己现在用到的也只是万众插件中的冰山一角,希望后面有什么新的感受可以再补充一下

    引用资料

    如何评价 VS Code Remote Development?

    讨论-买Jetbrains全家桶的都是什么人?

    讨论-IDEA 和 vscode 比较介绍,推荐那个?

    vscode官方-Java formatting and linting

    v2ex-大家在自己的 Python 项目中倾向使用哪个 Linter?

    展开全文
  • VsCode使用技巧

    2022-01-24 12:28:33
    调整字体大小: preference里可以调整text editor和terminal的font 右侧预览图的设置(有无、大小等): preference里搜索minimap进行调整 二、遇到的问题 三、插件的使用 1. WakaTime:统计写代码的时间 2. Git:...

    一、快捷键

    • 打开终端!!Ctrl+`

    • 打开设置:Ctrl+逗号

    • 打开中间的Control Pallete: Ctrl+Shift+P

    • 运行部分代码:选中之后按Shift+Enter或者右键选择run selected

    • Alt +Click创建一个新光标并在两个光标的位置同时打字。

    • 选中一个变量名,之后Ctrl+Shift+L可以全选所有该名字出现的位置,就可以全部都替换。

    • Ctrl+空格 提示后续可以输入的函数或方法(但搜狗输入法下会会导致中英切换)

    • 整体向上或向下移动一行:光标放那一行,Alt+up/down
      在上方或下方copy这行:光标放那一行, Shift+Alt+up/down

    • 全文档调整格式Shift+Alt+F

    • 依次查看errors and warnings: Fn+F8

    查看函数的源代码的几种方法(同文件或者不同文件中的):

    1. 光标定位到函数,按f12
    2. 光标定位到函数,鼠标右键,go to definition
    3. 按control键点击函数,go to definition

    查看完毕后返回原来位置,control+shift+8或者alt+左箭头

    • 调整字体大小:
      preference里可以调整text editor和terminal的font
    • 右侧预览图的设置(有无、大小等):
      preference里搜索minimap进行调整

    二、遇到的问题

    三、插件的使用

    1. WakaTime:统计写代码的时间

    2. Git:使用Git

    (1)上传代码到github时(也就是synchronize staged changes的时候),出现fatal: unable to access 'https://github.com/.....git/': OpenSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443的错误

    问题原因:这是Git的HTTPS代理导致的问题。Git支持的协议有三种,即:HTTPS、SSH、SVN、SVN+SSH。在进行Push时,本应走 SSH通道的,但是因为Git本身默认设置了HTTPS代理,所以,在进行Push的时候走HTTPS通道了,于是就Push不了。

    解决方法:直接禁用Git默认开启的HTTPS代理就可以了,在repository打开git bash输入指令git config --global --unset http.proxy,之后重新push。

    参考了https://blog.csdn.net/Ravings_now/article/details/88051792和https://blog.csdn.net/Hello_World_QWP/article/details/115861047

    后来这样也没用,就直接使用github desktop上传了。
    随后也遇到了问题:fatal: unable to access ‘https://github.com/feiba54/CodingOn.git/’: schannel: failed to receive handshake, SSL/TLS connection failed,是用git config --global http.sslBackend "openssl"解决的

    展开全文
  • 远程调试docker 容器 打开vscode 安装remote container,重启 vscode , 启动容器 按F1进入搜索,输入Remote-Containers: Attaching to running containers 选择想调试的容器. ...打开文件,选择使用的python编译环境...

    全栈工程师开发手册 (作者:栾鹏)
    架构系列文章


    安装中文

    商店搜索 Chinese 安装
    Chinese (Simplified) Language Pack for Visual Studio Code

    远程调试docker 容器

    打开vscode 安装remote container,重启 vscode ,

    启动容器

    按F1进入搜索,输入Remote-Containers: Attaching to running containers

    选择想调试的容器.

    打开文件夹, 打开文件,选择调试,会自动在容器中安装调试器, 安装调试器以后重启vscode

    打开文件,选择使用的python编译环境,开始调试
    在这里插入图片描述

    在当前文件目录中打开终端

    先安装terminal here 插件, 然后在File > Preferences > Keyboard Shortcuts. 快捷键设置,搜索terminal here 修改快捷,保存。 这样在便捷文件时 直接按住快捷键就可以打开当前目录的终端了。
    在这里插入图片描述

    展开全文
  • 摘要:VsCode是一款开源的编辑器,拥有强大的功能,。由于拥有各种各样的插件,这就使得VsCode可以做到的事情更多了。在使用的过程中,也是有很多技巧的,掌握一些技巧对于后期写代码也会轻松很多。
  • VSCode使用技巧

    2021-12-28 10:35:54
    好用的插件 power mode去擴展裏面下載 在設置裏面找到setting.json中編輯 在 json 文件里加入以下设置,这里使用的是火焰特效 切换特效只需将前面注释符号删除,只能展示一种特效 如果存在多种特效,那么只会显示最...
  • vscode 使用技巧

    2021-06-18 15:54:04
    记录下使用的方法: 新建个名为 .vscode 的文件夹 在文件夹中新建名为 settings.json 文件 在 settings.json 中屏蔽掉不需要显示或搜索的文件/文件夹。 //settings.json 文件内容 /** * "search.exclude": 表示...
  • vscode 使用技巧汇总

    2021-02-18 18:45:08
    VS Code用户指南与使用技巧 https://www.thisfaner.com/p/vs-code-tips/ 解放生产力!20 个必知必会 VSCode技巧 https://cloud.tencent.com/developer/article/1547442 宇宙最强vscode教程(基础篇) ...
  • vsCode使用技巧

    2018-12-04 13:51:07
    在终端(terminal)里面使用git 打开settings.json文件,添加以下配置(配置插件时也在是编辑这个文件),以下路径根据自己git安装位置做修改 "git.path": "D:/software/Git/bin/git.exe", "terminal.integrated....
  • Vscode使用技巧

    千次阅读 2017-05-06 20:02:04
    Vscode是一款跨平台的代码编辑器,她轻量、美观、一致、功能完整,自带完美git支持,非常适合前端同学使用。下面总结下我对于这个软件的使用技巧,希望对大家有帮助。
  • VScode使用技巧总结

    2020-10-14 14:19:18
    本篇博客主要总结了一些VScode使用技巧总结,包括快捷键
  • vscode 使用技巧、快捷键 1.1安装插件 YaoTranslate 按 Cmd+Shift+T 或 Ctrl+Shift+T 对选中的文本内容快速翻译 按 Cmd+Shift+R 或 Ctrl+Shift+R 对选中的文本内容快速翻译并替换成翻译结果 Chinese Extension ...
  • VSCode 使用技巧

    2020-09-14 14:45:50
    VSCode 返回上一个浏览位置(Debug 用) Windows: Alt + ← ; 或者 鼠标侧键 Linux: Ctrl + Alt + - ; 貌似数字键盘的减号没效果 Mac: Ctrl + - 左右括号之间跳转 ctrl + shift + \ 参考链接 VSCode 返回上一个...
  • VScode使用技巧

    2020-05-10 10:12:09
    1.左上侧有个应用商店的搜索框,想要设置为中文模式时只需要搜索“chinese”,然后install即可(不需要在使用ctrl+shift+p) 待补充和更新
  • Web标准及vscode使用技巧 Web标准 Web标准的构成主要是结构、表现和行为三个方面。 下面进行简要介绍: 1.结构:结构用于对网页元素进行整理和分类,主要学习的是Html。 2.表现:表现用于设置网页元素的版式、颜色、...
  • 下面让我们一起来看看VSCode常用的小技巧和快捷键。 Let’s GO!!! 首页情况 设置:文件–>首选项–>设置 快捷键设置 常用快捷键 查找快捷键方式:Ctrl + K Ctrl + S 显示所有命令: Ctrl + Shift + p ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,406
精华内容 2,562
关键字:

vscode使用技巧