用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)

  最近突然想好好学习一下算法相关的知识,于是找了一本经典的《算法精解:C语言描述》,但是光看不练也是不行的,所以打算构建一个C/C++的开发环境。微软推出Visual Studio Code也有些时候了,自己也简单体验了一下使用,由于平时工作都是使用Eclipse以及微软的Visual Studio,正好借此机会好好深入使用一下Visual Studio Code,至于编译环境,就打算利用Windows 10下的Debian Linux子系统。
  关于Linux子系统的启用和安装,请参考:在Widows 10上使用Linux子系统(初级篇),就不占用篇幅了。这里主要关注Visual Studio Code的安装、设置,以及Linux下的开发环境搭建过程。
  完整的参考文档链接:C/C++ for Visual Studio Code (Preview)
  下面是参照文档的操作,尽量能化繁为简,少走弯路。
  一、首先取得Visual Studio Code的安装文件并且安装。
  访问下载的页面:Download VS Code
  根据需要选择合适的版本,我选择的是Windows System Installer 64bit
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第1张图片
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第2张图片
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第3张图片
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第4张图片
  二、安装C/C++扩展,参照之前的官方文档应该没有什么问题
  1. 可以访问:C/C++ for Visual Studio Code,点击页面上的Install,会启动Visual Studio Code,自动定位到扩展的安装界面。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第5张图片
  2. 可以先启动Visual Studio Code,在安装扩展的界面检索C/C++,也可以找到。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第6张图片
  然后我们点击Install,就会自动下载安装扩展。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第7张图片
  按照提示,继续点击Reload,
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第8张图片
  安装完成之后,你可以禁用或者卸载扩展。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第9张图片
  三、编译环境的构建
  现在我们先创建一个简单的C语言程序文件,看看会是什么样子。按照习惯,先创建个空目录作为工作空间,然后再创建下级子目录作为工程目录, 然后创建一个main.c的程序文件,并输入下面简单的代码。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第10张图片
  可以看到,因为还没有编译环境,所以有了错误提示信息,接下来让我们继续构建编译环境,有Linux经验的朋友应该并不陌生,这里就不详细说明了。
  可以参考链接:Configuring includePath for better IntelliSense results
  进入Linux子系统(这里是Debian GNU/Linux)执行下面的命令:

sudo apt-get install build-essential

  成功安装之后,我们点击小灯泡,或者用快捷键【Ctrl + .】,会弹出选项菜单,如下图:
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第11张图片
  选择Edit “includePath" setting选项会自动创建如下的配置文件:
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第12张图片
  选择Force semantic IntelliSense选项会自动创建如下的配置文件:
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第13张图片
  然后我们编辑c_cpp_properties.json,添加路径:

"/usr/include",
"/usr/local/include"

用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第14张图片
  接下来我们重新启动Visual Studio Code,问题应该解决。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第15张图片
  四、编译并运行我们的程序。
  首先设定Visual Studio Code的默认终端,现在是powershell
  如果看不到终端窗口,可以用快捷键【Ctrl + `】或者选择菜单【View -> Terminal】,按下快捷键【Ctrl + Shift + P】,在弹出的输入框中输入【Default Shell】,并选择查找到的命令。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第16张图片
  在弹出的选项中选择【WSL bash
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第17张图片
  点击终端窗口的垃圾桶图标,关闭当前的终端窗口,再重新打开一个新的终端,我们发现默认的终端变成了【WSL Shell】。
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第18张图片
  接下来我们编译代码,并运行看看结果。

cd CStudyBasic/
gcc main.c -o main
ls -l
./main

用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第19张图片
  至此,初步的开发环境就完成了,如果觉得不习惯命令行,可以再安装下面的扩展:Code Runner,点击Install之后,别忘了再点击Reload
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第20张图片
  接着要设置Code Runner,使之在终端中运行命令,要不会出现乱码。快捷键【Ctrl + ,】打开设定界面,输入Code Runner查找相关设定【Code Runner:Run In Terminal】,并勾选:

用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第21张图片
  因为是在Windows下做开发,所以文件路径还需要做转换,继续定位到以下的设置【Code Runner:Terminal Root】,按照提示填入【/mnt/】:
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第22张图片
  关闭设置界面,尝试运行:
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第23张图片
用Visual Studio Code配合Linux子系统进行C/C++开发(初级篇)_第24张图片
  本次的分享就到这里,希望大家都能有所收获。

你可能感兴趣的:(我的开发日记)