VS Code 配置

BothEyes1993 发布于2019-07-25 10:36 / 1507人阅读

摘要：配置安装插件安装包用于代码的格式化将的安装路径添加到环境变量中。生成文件，编辑调试将文件中的改为，这样无断点时按或，直接运行程序不调试。方法提取选中要提取的表达式，，输入或选择命令。可对选项设置快捷键。

VSCode Python 配置

安装 Python 插件：ext install python

安装包（用于 Python 代码的格式化）：

pip install pep8   
pip install --upgrade autopep8

将 Python 的安装路径添加到环境变量中。
Ctrl+Shift+B 生成 tasks.json 文件，编辑：

{
    // See https://go.microsoft.com/fwlink/?LinkId=733558
    // for the documentation about the tasks.json format
    "version": "0.1.0",
    "command": "python",
    "isShellCommand": true,
    "args": ["${file}"],
    "showOutput": "always"
}

调试

将 launch.json 文件中的 "stopOnEntry": true 改为 "stopOnEntry": false，这样无断点时按 Ctrl+F5 或 F5，直接运行程序不调试。当然也可以用此替代 Ctrl+Shift+B。

Python Console App：从外部终端显示调试窗口，若 *.py 中有 input() 语句，这样也就可以在终端输入。

Run Build Task 中文乱码 BUG

解决 Tasks: Run Build Task 即：Ctrl+Shift+B 时乱码 bug：
方法一：
Python 文件添加：

import io
import sys
sys.stdout = io.TextIOWrapper(sys.stdout.buffer,encoding="utf8")
# 下面开始主程序
# .....

方法二：
tasks.json 文件添加 options 参数：

{
    "version": "0.1.0",
    "command": "python",
    "isShellCommand": true,
    "args": ["${file}"],
    "showOutput": "always",
    "options": {
        "env": {
            "PYTHONIOENCODING": "UTF-8"
        }
    }
}

方法三：

直接在系统环境变量中添加：PYTHONIOENCODING 项，值为 UTF-8。

研究下 bug 成因：

import sys
print(sys.stdout.encoding)

Ctrl+Shift+B 运行代码上述代码，输出：cp936

Ctrl+F5 运行代码上述代码，输出：utf8

参数说明：

${workspaceRoot} -- the path of the folder opened in VS Code

${file} -- 当前打开的文件

${relativeFile} -- the current opened file relative to workspaceRoot

${fileBasename} -- 当前打开文件的文件名

${fileDirname} -- 当前打开文件所在的路径

${fileExtname} -- the current opened file"s extension

${cwd} -- the task runner"s current working directory on startup

相当于在终端中运行： args，如：python script.py

参见：Tasks

重构技巧

重命名：F2

import 排序：Ctrl+Shift+P，输入或选择 Sort Imports 命令。可对 "python.sortImports" 选项设置快捷键。

变量提取：选中要提取的表达式，Ctrl+Shift+P，输入或选择 Refactoring: Extract Variable 命令。可对 "python.refactorExtractVariable" 选项设置快捷键。

方法提取：选中要提取的表达式，Ctrl+Shift+P，输入或选择 Refactoring: Extract Method 命令。可对 "python.refactorExtractMethod" 选项设置快捷键。

相关快捷键

快捷键	说明
`ctrl`+`shift`+`k`	删除当前行
`ctrl`+`del`	删除光标右侧的所有字
`alt`+`shift`+`f`	格式化代码
`ctrl`+`d`	选中下一个匹配项
`ctrl`+`enter`	在当前行下边插入一行
`ctrl`+`shift`+`enter`	在当前行上方插入一行
`shift`+`alt`+`up/down`	向上/向下复制一行
`alt`+`up/down`	上/下移动一行
`home/end`	移动到行首/尾
`ctrl`+`home/end`	移动到文件开头/结尾
`ctrl`+`shift`+`]`	移动到后半个括号
`shift`+`home`	选择从行首到光标处
`shift`+`end`	选择从光标到行尾
`shift`+`alt`+`a`	//** 风格注释
`ctrl`+`/`	// 风格注释
`shift`+`alt`+`f`	格式化代码
`ctrl`+`shift`+`c`	打开系统终端
`ctrl`+`	打开 VSCode 集成终端

ctrl+shift+p技巧

按 ctrl+shift+p 输入（或简写，有提示）：

insert Snippet -- 选择代码片段。

compare -- 文件比较

reload -- 重启窗口

参见：
Key Bindings for Visual Studio Code
PDF 版本快捷键汇总

Windows 快捷键

快捷键	说明
`alt`+`tab`	任务切换
`win`+`e`	打开“文件资源管理器”
`win`+`tab`	虚拟桌面
`win`+`ctrl`+`left/right`	多桌面切换
`win`+`d`	显示/隐藏桌面
`shift`+`鼠标右键`	可看到“在此处打开命令窗口”、“复制为路径”选项
`alt`+`双击文件（夹）`	打开文件（夹）属性
`ctrl`+`shift`+`esc`	打开任务管理器

私有云专线服务 VS Code如何 VS Code 可以在浏览器运行了？微软 vs2012配置opencv Code

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/38054.html

VS Code上手与超实用插件安利

摘要：软件跨平台支持以及，运行流畅，可谓是微软的良心之作微软有这个宇宙最强，自然也不会弱宇宙最强编辑器说到代码编辑器，我们有必要提一提还有。原文链接：VS Code上手与超实用插件安利工欲善其事必先利其器 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号...

miracledan 2019-08-21 17:46 评论0 收藏0
提高开发效率之VS Code基础配置篇

摘要：相对于来说是免费的。配置注当前相关的配置基于版本。，该设置是用来控制光标的粗细，目前设置大小为。，这个不用多说，给提供了相关功能。总结总体上来说是一个使用比较方便的编辑器，能够通过一些特定的插件提高你的工作效率。背景之前一直是只用WebStorm作为IDE来编写代码，但是由于：手中的这台Mac接了两个显示器以后，使用WebStorm会有卡顿。 WebStorm需要付费（虽然可以...

wing324 2019-08-30 13:58 评论0 收藏0
提高开发效率之VS Code基础配置篇

摘要：相对于来说是免费的。配置注当前相关的配置基于版本。，该设置是用来控制光标的粗细，目前设置大小为。，这个不用多说，给提供了相关功能。总结总体上来说是一个使用比较方便的编辑器，能够通过一些特定的插件提高你的工作效率。背景之前一直是只用WebStorm作为IDE来编写代码，但是由于：手中的这台Mac接了两个显示器以后，使用WebStorm会有卡顿。 WebStorm需要付费（虽然可以...

svtter 2019-08-26 11:46 评论0 收藏0
提高开发效率之VS Code基础配置篇

摘要：相对于来说是免费的。配置注当前相关的配置基于版本。，该设置是用来控制光标的粗细，目前设置大小为。，这个不用多说，给提供了相关功能。总结总体上来说是一个使用比较方便的编辑器，能够通过一些特定的插件提高你的工作效率。背景之前一直是只用WebStorm作为IDE来编写代码，但是由于：手中的这台Mac接了两个显示器以后，使用WebStorm会有卡顿。 WebStorm需要付费（虽然可以...

LucasTwilight 2019-08-01 18:35 评论0 收藏0
VS Code + webpack 调式 lodash 源码（如何用VS Code调式ES6代码）

摘要：有限制就不灵活了，看源码文件，两百多个源码文件都是语法，文件名称是，想在中直接启动调式是不行的，还是需要用到才行。使用环境调式使得效率更高，直接再中阅读源码，直接调式看效果。文章首发：https://github.com/giscafer/g... 前言 node.js在 v8.5 版本之后可以直接支持ES6模块，但是有个限制就是，需要为.mjs后缀的文件才行，比如有个es6代码文件...

SHERlocked93 2019-08-21 18:27 评论0 收藏0
高效开发者是如何个性化VS Code插件与配置的？

摘要：由于本身不能个性化配置，有时可能会引起不适，但是至少保证团队成员可以轻易统一代码风格。就是将多于一个字母的合成一个字形。自从年双十一正式上线，累计处理了亿错误事件，得到了金山软件等众多知名用户的认可。译者按： IDE是生产力的保证！原文：Visual Studio Code Settings and Extensions for Faster JavaScript Develop...

shenhualong 2019-08-23 15:27 评论0 收藏0