visual code 设置本地python路径 visual studio code配置python环境_快捷键


【此安装说明提供给学生配置练习环境作为参考，不清楚的地方请留言，继续升级更新~】

Visual Studio Code 环境

目录

  • Visual Studio Code 环境
  • 1.1 vscode下载和安装
  • 1.1.1 在线编辑器
  • 1.2 安装中文汉化插件
  • 1.3 安装代码运行插件
  • 1.4 安装c/c++运行环境
  • 1.4.1 安装c/c++插件
  • 1.4.2 安装c/c++编译环境
  • 1.4.3 安装c/c++调试环境
  • 1.5 安装Python运行环境
  • 1.5.1 安装Python插件
  • 1.5.2 安装Python编译环境
  • 1.5.3 安装Python调试环境
  • 1.5.4 相关帮助
  • 1.6 代码版本管理Git
  • 1.6.1 git下载和安装
  • 1.6.2 vscode安装git插件
  • 1.6.3 忽略文件配置
  • 1.7 安装Markdown插件
  • 1.x vscode相关配置
  • 1.x.x vscode排除文件
  • 1.x.x 快捷键
  • 1.x.x 预览或打开文件
  • 1.x.x 终端配置
  • 1.x.x 自动保存配置
  • 1.x.x 安装编辑器配置插件
  • 1.x.x 颜色值高亮显示插件
  • 1.x.x 自定义主题颜色
  • 1.x.x 安装待办事项插件
  • 1.x.x 配置代码片段

1.1 vscode下载和安装

官网下载地址：https://code.visualstudio.com

使用默认参数安装即可。

1.1.1 在线编辑器

stackblitz

网页编辑器 stackblitz

davJs 计数器示例 stackblitz

codesandbox

codesandbox 官网

1.2 安装中文汉化插件

  1. 打开 vscode 软件。
  2. 点击左侧第5个 扩展插件 图标，或使用快捷键：
    WIN：Ctrl + Shift + X
    MAC：Command + Shift + X
  3. 在面板上面搜索框中输入：chinese，即可选择：Chinese (Simplified) Language Pack for Visual Studio Code 中文(简体)
  4. 在打开的页面上方点击 install 按钮安装。
  5. 右下角会弹出消息框，点击 Restart Now 重启软件完成汉化加载。

1.3 安装代码运行插件

安装插件方法与汉化相同。

在扩展插件面板上搜索 Code Runner 并安装，界面右上角出现一个三角按钮，用于启动当前代码程序。也可以使用快捷键启动：
WIN：Ctrl + Shift + N
MAC：Command + Shift + N

1.4 安装c/c++运行环境

1.4.1 安装c/c++插件

在扩展插件面板上搜索 c/c++ 并安装。

1.4.2 安装c/c++编译环境

windows安装编译环境 mingw-w64（已安装或MAC请忽略）。安装参考：windows下安装mingw-w64

  1. 下载安装包安装，或下载离线版直接解压。
  • 安装包下载：mingw-w64
  • 离线包下载：mingw-w64.7z

2. 配置环境变量：

  • 我的电脑（右键）-> 属性 -> 高级系统配置 -> 环境变量 -> 编程系统变量（Path）。
  • 在Path内容后面增加 mingw-w64 安装目录的 bin 目录路径，如：c:mingw-w64bin。
  • 或在DOS窗口下执行：
set path=%path%;c:mingw-w64bin


3. 重新启动 vscode 即可运行 c/c++ 代码。

4. 代码运行结果，默认为输出只读，不能执行输入操作，解决方案：

  • 打开用户首选项：
    WIN：Ctrl + ,
    MAC：Command + ,
  • 在首选项上面搜索 Code-runner:Run in Terminal。
  • 勾选选项 Code-runner:Run in Terminal 即可，下次运行代码时，会在终端上呈现结果，且可以输入。

1.4.3 安装c/c++调试环境

  1. 点击左侧第4个 调试并运行 图标，或使用快捷键：
    WIN：Ctrl + Shift + D
    MAC：Command + Shift + D
  2. 点击 创建launch.json文件
  3. 在打开的命令窗口中选择 c++(GDB/LLDB)。
  4. Windows配置：
  1. 再列表中选择 g++.exe build and debug active file 创建 launch.json 和 tasks.json 文件。
  2. 回到 调试并运行 面板，点击上面三角按钮，启动调试。
  3. 如果没有自动创建 tasks.json 文件，会弹出的错误提示框 找不到任务“g++.exe build active file”，点击 配置任务 按钮。
  4. 在弹出的命令窗口中选择：g++.exe build active file 创建 tasks.json 文件。
  1. Mac配置
  1. 再列表中选择 clang++ build and debug active file 创建 launch.json 和 tasks.json 文件。
  2. 回到 调试并运行 面板，点击上面三角按钮，启动调试。
  3. 如果没有自动创建 tasks.json 文件，会弹出的错误提示框 找不到任务“clang++ build active file”，点击 配置任务 按钮。
  4. 在弹出的命令窗口中选择：c++:clang++ build active file 创建 tasks.json 文件。

1.5 安装Python运行环境

1.5.1 安装Python插件

  1. 在扩展插件面板上搜索 Python 并安装。
  2. 右下角如果弹出提示 Linter pylint is not installed，直接点 install 安装即可。

1.5.2 安装Python编译环境

官网下载地址：https://www.python.org/downloads/

  • Windows版本安装时，请将 Add Python 3.8 to PATH 打勾。
  • 如果没有自动配置环境变量，可以手动添加：
  • 我的电脑（右键）-> 属性 -> 高级系统配置 -> 环境变量 -> 编程系统变量（Path）。
  • 在Path内容后面增加 mingw-w64 安装目录的 bin 目录路径，如：c:mingw-w64bin。
  • 或在DOS窗口下执行： sh set path=%path%;c:mingw-w64bin

1.5.3 安装Python调试环境

  1. 点击左侧第4个 调试并运行 图标，或使用快捷键：
    WIN：Ctrl + Shift + D
    MAC：Command + Shift + D
  2. 点击上面下拉框中选择 添加配置
  3. 在打开的 launch.json 配置窗口中选择 Python 添加配置 Python File 即可。

1.5.4 相关帮助

  • Python 3.6.3 中文手册

1.6 代码版本管理Git

1.6.1 git下载和安装

官网下载地址：https://git-scm.com/download

选择相应的系统版本下载并安装。

1.6.2 vscode安装git插件

  1. 在扩展插件面板上搜索 Git Graph 并安装。
  2. 点击左侧第3个 源代码管理 图标，或使用快捷键：
    WIN：Ctrl + Shift + G
    MAC：Command + Shift + G
  3. 点击 源代码管理 面板的右上角出现的 + 按钮。
  4. 在打开的命令窗口中，选择需要管理代码的文件夹。
  5. 点击 源代码管理 面板上方的 √ 按钮可以提交代码。
  6. 提交代码时会打开消息框，输入本次提交的注释回车即可。
  7. 如果报名提示 user.name 和 user.email 没有配置：
  8. 打开终端窗口：vscode菜单 -> 终端 -> 新建终端。
  9. 输入命令设置用户名： sh git config --global --replace-all user.name "这里改成你的用户名"
  10. 输入命令设置用户名： sh git config --global --replace-all user.email "这里改成你的邮箱"
  11. 源代码管理 面板右上角菜单中还有更多操作，或使用命令管理git。

1.6.3 忽略文件配置

  1. 在根目录创建 .gitignore 文件。
  2. 帮助说明：官方帮助 菜鸟教程:Git
  3. 语法及示例：
# 这是注释

# 忽略目录，以及目录下所有文件
目录1/
目录2/子目录1/

# 忽略文件，在所有目录下匹配
.DS_Store
temp
temp.txt

# 使用通配符

# * 匹配0到多个任意字符
# 匹配以~开头的临时文件，如：~表格.xlsx 
~* 
# 匹配扩展名为mp3的所有文件，如：我和我的祖国.mp3
*.mp3
# 匹配以a开头的所有文件，如：a.c, ab.html, abc.txt
a*.*

# ** 匹配多级目录，如：a/b/1.c, a/b/c/1.c
a/**/1.c

# ? 匹配一个任意字符，如：aa.txt, ab.txt
a?.txt

# [] 匹配指定某个字符[a-zA-Z0-9]，如：a01.c, a02.c
a[0-9][0-9].c

# [^] 匹配指定不包含某个字符，如：ab.c, ac.c
a[^0-9].c

# ! 从忽略中排除，如：a/*忽略所有文件，!a/1.c排除其中的1.c文件
a/*
!a/1.c

#  特殊字符转义，如：!.txt，就是忽略!.txt文件
!.txt

# 下面用来忽略无扩展名文件
*
!*.*
!*/


1.7 安装Markdown插件

  1. 在扩展插件面板上搜索 Markdown All in One 并安装。
  2. 打开命令窗口搜索：markdown 可以看到相关功能和快捷键。
  3. 相关帮助：
  4. 菜鸟教程:Markdown

将目录结构生成文本：

【建议】安装 tree

如果没有安装，参考这里


$ xcode-select --install


然后使用命令安装 tree


$ brew install tree


也可以直接使用 Mac 自带的方法（但没有丰富的参数）

Mac tree命令的使用，tree 命令参考

修改文件：


$ vim  ~/.bash_profile
# 打开文件后，按a进入编辑，添加下面一行命令
$ alias tree="find . -print | sed -e 's;[^/]*/;|____;g;s;____|; |;g'"
# 编辑完成后输入 `:qw` 退出并保存
# 最后执行立即生效命令
$ source ~/.bash_profile


1.x vscode相关配置

1.x.x vscode排除文件

  1. 打开用户首选项：
    WIN：Ctrl + ,
    MAC：Command + ,
  2. 在首选项上面搜索 Exclude，选择 常用设置 中 Files: Exclude。
  3. 点击 添加模式 按钮添加排除文件或文件夹，被排除的文件将不显示。

1.x.x 快捷键

  1. 设置快捷键
  • 界面左下角的 齿轮 按钮，选择 键盘快捷方式 打开设置。
  • 使用快捷键打开设置：
    WIN：Ctrl + K Ctrl + S
    MAC：Command + K Command + S

修改智能提示快捷键

  • 默认快捷键与系统冲突了，在 键盘快捷方式 设置页搜索 editor.action.triggerSuggest，然后双击修改为 Alt + /。

显示/隐藏左侧栏

WIN：Ctrl + B

MAC：Command + B

  • Markdown All in One 的加粗功能快捷键与此冲突了，所以在 md 文件编写要使用此功能可以删除冲突的快捷键：在 键盘快捷方式 设置页搜索 Markdownz，然后找到要删除的快捷键，右键选择删除即可。

显示/隐藏下面板

WIN：Ctrl + J

MAC：Command + J 单行注释

WIN：Ctrl + /

MAC：Command + / 多行注释

ALL：Alt + Shift + A

1.x.x 预览或打开文件

预览文件

在资源管理器中 单击文件名，可以打开文件预览，再单击其他文件会替换刚才的文件。

当编辑文件后，就取消预览模式。

Alt + 单击文件名 ：会在新拆分栏里打开文件

打开文件

在资源管理器中 双击文件名，就可以正常打开文件，再单击其他文件会开新选项卡打开。

Alt + 双击文件名 ：会在新拆分栏里打开文件

1.x.x 终端配置

如果终端不能使用上下方向键进行历史命令切换，请使用下面命令设置：


set -o | grep history


1.x.x 自动保存配置

在 settings 中配置，没有此文件请直接在 .vscode 目录中创建：


"editor.formatOnType": true, //编辑时是否自动格式化
"editor.formatOnSave": true //保存时是否自动格式化


1.x.x 安装编辑器配置插件

  1. 在扩展插件面板上搜索 EditorConfig 并安装。
  2. 在资源管理器空白处右键，选择 Generate .editorcofnig 创建配置文件。
  3. 参考配置：
root = true

[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false


1.x.x 颜色值高亮显示插件

可以将代码中的颜色值文字，高亮显示相应的颜色背景。

在扩展插件面板上搜索 color highlight 并安装。

1.x.x 自定义主题颜色

自定义主题标记颜色

覆盖当前所选颜色主题的颜色

settiong.json 中配置 


{
  "workbench.colorTheme": "Solarized Light",
    /* 覆盖当前所选颜色主题中的编辑器颜色和字体样式。 */
    "editor.tokenColorCustomizations": {
        "[Solarized Light]": {}
    },
    /* 覆盖当前所选颜色主题中的标记颜色和样式。 */
    "editor.tokenColorCustomizationsExperimental": {
        "[Solarized Light]": {}
    },
    /* 覆盖当前所选颜色主题的颜色。 */
    "workbench.colorCustomizations": {
        "[Solarized Light]": {
            "editor.selectionBackground": "#fff674c0",
        }
    }
}


1.x.x 安装待办事项插件

  1. 在扩展插件面板上搜索 Todo Tree 并安装。
  2. 打开命令窗口搜索：Open Settings(JSON) 打开设置(JSON)文件。
  3. 加入下面配置代码：[参考] vscode 插件推荐 todo-tree
// todo-tree settings
"todo-tree.general.tags": [
    "TODO",
    "BUG",
    "FIXME",
    "DONE", 
    "NOTE",
    "TAG"
],
"todo-tree.highlights.customHighlight": {
    "TODO": {
        "background": "white",
        "rulerColour": "white",
        "iconColour": "white",
    },
    "BUG": {
        "background": "red",
        "icon": "alert",
        "rulerColour": "red",
        "iconColour": "red",
    },
    "FIXME": {
        "background": "blue",
        "icon": "beaker",
        "rulerColour": "blue",
        "iconColour": "blue",
        "rulerLane": "full"
    },
    "DONE": {
        "background": "green",
        "icon": "done",
        "rulerColour": "green",
        "iconColour": "green",
    },
    "NOTE": {
        "background": "#f90",
        "icon": "note",
        "rulerColour": "#f90",
        "iconColour ": "#f90"
    },
    "TAG": {
        "background": "blue",
        "icon": "tag",
        "rulerColour": "blue",
        "iconColour": "blue",
        "rulerLane": "full"
    }
}


1.x.x 配置代码片段

  1. 打开命令窗口搜索：snippets 选择 Configure User Snippets。
  2. 创建代码片段文件：选择添加 新建全局... 或 新建"xx"文件夹... 的片段文件。
  3. 然后在创建的文件里按注释的格式进行编写需要的提示内容。

VSCode 代码块语法和参数

未完待更新~