今天来为大家安利一款轻量级编辑器——Visual Studio Code(简称VsCode,其官方网址https://code.visualstudio.com/)。关于Vscode的简介援引官方的介绍“Visual Studio Code is alightweight but powerful source code editor which runs on your desktop and isavailable for Windows,macOS and Linux. It comes with built-in support for JavaScript,TypeScript and Node.js and has a rich ecosystem of extensions for otherlanguages (such as C++,C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity). Beginyour journey with VS Code with these introductoryvideos.”我简单概括下,就是其适用各类主流开发环境,支持丰富的开发语言!
VsCode的使用技巧和方式,在各技术论坛上已经介绍的比较详细,但我从入门到灵活使用,还是废了不少周章,主要的原因是前人在总结经验是缺少具体的示例,语言描述总显得单薄,为此我结合平时工作经验给出我个人的一些补充。接下来我会从,软件的安装、python语言和C++语言的适配与远程调试,VsCode界面简介逐步展开。
1. VsCode的安装与配置
在windows上安装VsCode很是简单,只需从官网下载对应版本的安装包即可,目前最新的下载链接如下:https://vscode.cdn.azure.cn/stable/e5e9e69aed6e1984f7499b7af85b3d05f9a6883a/VSCodeUserSetup-x64-1.49.2.exe.这里我不做过多展开,接下来是接受ubuntu上安装VsCode的2种方式:
1.1. 在线安装
打开terminal,然后依次执行如下指令
1. sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make
2. sudo apt-get update
3. sudo apt-get install ubuntu-make
4. umake ide visual-studio-code
1.2. 离线安装
https://code.visualstudio.com/ 下载离线包,然后打开terminal然后执行如下指令,注意要在有离线包路径下执行指令。
1. sudo dpkg -i code_xxx_amd64.deb
2. VsCode适配Python及远程调试
适配Python等语言主要是在VsCode的扩展包中添加需要需要支持的功能,远程调试的目的是为了方便调试非本地的开发代码。随着越来越多的云服务平台的出现,我们的开发代码不仅限于本地调试,有时候需要远程调试相关代码,特此引入远程调试小节。
2.1. 安装Python扩展包
2.1.1.本地安装
主要是在扩展栏搜索并安装如下扩展包
1. Visual Studio Code Remote - SSH: Editing Configuration Files
2. Visual Studio Code Remote - SSH: Editing Configuration Files
3. Python extension for Visual Studio Code
2.1.2.远程安装
远程安装的意思是远程连接后,再在扩展栏搜索安装如下扩展包
1. Python extension for Visual Studio Code
2. Python-vscode
3. Python Extension Pack
4. Python Preview extension for Visual Studio Code
2.2. 配置Python解释器
Python解释器,顾名思义是把我们编写好的python代码解释成硬件可以理解的机器码,让设备可以去运行编解的代码。配置流程如下:
Ctrl + Shift + p打开命令行,键入关键字"python",选择"python:SelectInterpreter",可以根据解释器的绝对路径去添加。
2.3. 配置调试参数
调试参数,是用于辅助python程序的执行,例如设置程序的执行路径,输入参数等等。具体配置流程如下:
Ctrl + Shift + p打开命令行,键入关键字"launch",选择 "Debug:Open launch.json",即可打开调试的配置文件 launch.json。在配置好 launch.json 文件后, 按 F5 即可进入调试模式,现在给出一份参考luanch.josn文件。
1. {
2. "version": "0.2.0",
3. "configurations": [
4. {
5. "name": "Python: Current File",
6. "type": "python",
7. "request": "launch",
8. "program": "${file}",
9. "console": "integratedTerminal"
10. },
11.
12. {
13. "name": "Python: mlu_infer",
14. "type": "python",
15. "request": "launch",
16. "program": "${file}",
17. "env": {
18. "PYTHONPATH": "${workspaceFolder}"
19. },
20. "cwd": "${fileDirname}",
21. "console": "integratedTerminal",
22. "args": [
23. "--image_list",
24. "images.list",
25. ]
26. },
27. ]
28. }
3. VsCode适配C++及远程调试
适配C++的流程与适配python的流程类似,接下来我直接给出具体实现。
3.1. 安装C++扩展包
3.1.1.本地安装
1. Visual Studio Code Remote - SSH: Editing Configuration Files
2. Visual Studio Code Remote - SSH: Editing Configuration Files
3. C/C++ for Visual Studio Code
3.1.2.远程安装
1. C/C++ for Visual Studio Code
2. Visual Studio IntelliCode
3. CMake For VisualStudio Code
4. CMake Tools
5. CMake Integration for Visual Studio Code
6. cmake-format
3.2. 指定编译环境
指定一般的编译环境,包括头文件路径,编译器的路径等。Ctrl + Shift + p 打开命令行,键入关键字 "C++",在下拉菜单中选择 "C/C++ Edit configuration",系统即自动在 .vscode 目录下创建 c_cpp_properties.json 文件,供用户进行编译方面的环境配置,建议填入如下c_cpp_properties.json文件
1. {
2. "configurations": [
3. {
4. "name": "Linux",
5. "includePath": [
6. "${workspaceFolder}/**"
7. ],
8. "defines": [],
9. "compilerPath": "/usr/bin/gcc",
10. "cStandard": "gnu11",
11. "cppStandard": "c++17",
12. "intelliSenseMode": "clang-x64",
13. "configurationProvider": "vector-of-bool.cmake-tools"
14. }
15. ],
16. "version": 4
17. }
3.3. 指定编译规则
指定程序的编译规则,即如何将源文件编译为可执行程序。通过 Ctrl + Shift + p 打开命令行,键入关键字 "task",并在下拉菜单中选择 Tasks: Configure Default Build Task -> Create tassk.json filefrom template -> Others ,系统即自动在 .vscode 目录下创建 task.json 文件( 基础模版 ),建议填入如下task.json文件
1. {
2. "version": "2.0.0",
3. "tasks": [
4. {
5. "type": "shell",
6. "label": "build",
7. "command": "/usr/bin/g++",
8. "args": [
9. "-g",
10. "${file}",
11. "-o",
12. "${fileDirname}/${fileBasenameNoExtension}"
13. ],
14. "options": {
15. "cwd": "/usr/bin"
16. },
17. "group": {
18. "kind": "build",
19. "isDefault": true //为 True 时,用户可以通过 Ctrl+Shift+B 直接运行编译任务
20. }
21. }
22. ]
23. }
3.4. 配置调试文件
配置程序的调试相关参数。通过 Ctrl+Shift+p 打开命令行,键入关键字 "launch",选择 "Debug:Open launch.json" -> "C++(GDB/LLDB)",即可打开调试的配置文件 launch.json。该文件设置 VScode 在调试时的基本内容和要求.在配置好 launch.json 文件后, 按 F5 即可进入调试模式,建议填入如下luanch.josn文件。
1. {
2. "version": "0.2.0",
3. "configurations": [
4. {
5. "name": "C++ Launch (GDB)", // 配置名称,将会在启动配置的下拉菜单中显示
6. "type": "cppdbg", // 配置类型,这里只能为cppdbg
7. "request": "launch", // 请求配置类型,可以为launch(启动)或attach(附加)
8. "program": "${workspaceFolder}/${fileBasenameNoExtension}", // 将要进行调试的程序的路径
9. "args": [], // 程序调试时传递给程序的命令行参数,一般设为空即可
10. "stopAtEntry": false, // 设为true时程序将暂停在程序入口处,一般设置为false
11. "cwd": "${workspaceRoot}", // 调试程序时的工作目录,一般为${workspaceRoot}即代码所在目录
12. "environment": [],
13. "externalConsole": true, // 调试时是否显示控制台窗口,一般设置为true显示控制台
14. "MIMode": "gdb",
15. "setupCommands": [
16. {
17. "description": "Enable pretty-printing for gdb",
18. "text": "-enable-pretty-printing",
19. "ignoreFailures": true
20. }
21. ],
22. "launchOptionType": "Local", // 调试器启动类型,这里只能为Local
23. "targetArchitecture": "x86", // 生成目标架构,一般为x86或x64,可以为x86, arm, arm64, mips, x64, amd64, x86_64
24. "preLaunchTask": "g++" // 调试会话开始前执行的任务,一般为编译程序,c++为g++, c为gcc
25. }
26. ]
27. }
4. VsCode界面简介
VsCode有众多的功能,需要注意上方的菜单栏,左侧工具栏,右侧主题的编辑栏和下方的调试栏。大家可以去愉快的玩耍了,个人挺欣赏这个轻量级的编辑器的运营模式的,大有可为。