海众投资顾问-专注迪拜房产,柬埔寨房产,美国房产

全球移民热线 4008-888-888
公司动态
当前位置:主页 > 公司动态 > 公司动态 >

vscode怎么编译运行

2019-10-08 07:51 作者:采集侠 浏览:

  布局:左侧是用于展示所要编辑的所有文件和文件夹的文件管理器,依次是`资源管理器`,`搜索`,`GIT`,`调试`,`插件`,右侧是打开文件的编辑区域,最多可同时打开三个编辑区域到侧边。

  底栏:依次是`Git Branch`,`error&warning`,`编码格式`等。

  常用插件

  HTML Snippets:增强了zen-coding,增加了H5的自动补全,安装后每次打开自动启用(可能与其他插件冲突)。

  Angular 1.x Snippets:增加了AngularJs 1在.html和.js中的代码补全,安装后每次打开自动启用。

  Git Easy:增加了vscode中自带的git操作,安装后按F1调出控制台,输入git easy [options]完成git操作,代替git bash。

  HTML CSS Support: 增加.html中css的代码补全,可以手动增加配置文件来增加外部css中的class补全。详情见插件说明。

  VScode-icons: 美化VSCode的界面,在文件名前面显示小图标,安装后每次打开自动启用。

  Git Blame:可以查看当前光标所在位置的Git Log,最近一次提交的人和时间,显示在左下角,安装后每次打开自动启用。

  HTML CSS Class CompleTIon:扫描项目中的所有css中的class名,在html中自动补全,安装后每次打开自动启用。注意:如果css过多容易卡死。

  Debugger for Chrome:方便js调试的插件,前端项目在Chrome中运行起来之后,可以直接在VSCode中打断点、查看输出、查看控制台,需要配置launch.json,详情见插件说明。

  background:VSCode美化插件,修改界面背景,详情见插件说明。

  vscode怎么编译运行

  说到c++编译运行,大家第一个想到的应该是VS2015这种微软出的大型IDE,对于一些大型项目也确实应该使用VS这种大型的IDE,但是作为一个业余的爱好者,只是想使用c++来运行一些东西,比如一些算法问题,那么VS这种大型的IDE就显得鸡肋,还会消耗不必要的内存,这个时候VSCode这种可安装插件的编辑器就显得非常高效。

  主要步骤

  安装VSCode

  在VSCode内安装c++插件

  安装g++编译、调试环境

  修改VSCode调试配置文件

  安装VSCode

  VSCode下载地址

  按照步骤安装

  在VSCode内安装c++插件

  Ctrl+P之后输入

  ext install c++1

  

vscode怎么编译运行

  安装左边第一个c/c++的插件(微软的官方插件)。

  安装完成之后重启VSCode生效。

  安装g++编译、调试环境

  目前windows下调试仅支持 Cygwin 和 MinGW。这里使用的是MinGW.

  Download mingw-get-setup.exe (86.5 kB)

  按照流程安装,安装完之后打开界面:

  

vscode怎么编译运行

  安装此处选中的模块。全选中之后按左上角InstallaTIont-》Apply Changes进行安装(最好翻墙)。

  然后配置环境变量

  别忘了这步就好(不懂配置的可以自己搜索,配环境变量应该是对程序员而言最见到那的事了)

  有时候修改环境变量需要重启计算机

  修改VSCode调试配置文件

  用VSCode打开一个文件夹(因为VSCode会生成一个配置文件,所以必须在一个文件夹内运行)

  新建一个a.cpp

  写一个最简单的程序

  

vscode怎么编译运行

  点击右边的蜘蛛,再点击左边调试栏上方的设置按钮,选择c++编译环境,将launch.json的文件内容替换成如下:

  {

  “version”: “0.2.0”,

  “configuraTIons”: [

  {

  “name”: “C++ Launch (GDB)”, // 配置名称,将会在启动配置的下拉菜单中显示

  “type”: “cppdbg”, // 配置类型,这里只能为cppdbg

  “request”: “launch”, // 请求配置类型,可以为launch(启动)或attach(附加)

  “launchOpTIonType”: “Local”, // 调试器启动类型,这里只能为Local

  “targetArchitecture”: “x86”, // 生成目标架构,一般为x86或x64,可以为x86, arm, arm64, mips, x64, amd64, x86_64

  “program”: “${file}.exe”, // 将要进行调试的程序的路径

  “miDebuggerPath”:“c:\\MinGW\\bin\\gdb.exe”, // miDebugger的路径,注意这里要与MinGw的路径对应

  “args”: [“blackkitty”, “1221”, “# #”], // 程序调试时传递给程序的命令行参数,一般设为空即可

  “stopAtEntry”: false, // 设为true时程序将暂停在程序入口处,一般设置为false

  “cwd”: “${workspaceRoot}”, // 调试程序时的工作目录,一般为${workspaceRoot}即代码所在目录

  “externalConsole”: true, // 调试时是否显示控制台窗口,一般设置为true显示控制台

  “preLaunchTask”: “g++”   // 调试会话开始前执行的任务,一般为编译程序,c++为g++, c为gcc

  }

  ]

  }12345678910111213141516171819

  注意miDebuggerPath要与MinGw的路径对应

  

vscode怎么编译运行

  替换后保存,然后切换至a.cpp,按F5进行调试,此时会弹出一个信息框要求你配置任务运行程序,点击它~

  选择任务运行程序,点击Others,跳出tasks.json的配置文件。

  替换成如下代码

  {

  “version”: “0.1.0”,

  “command”: “g++”,

  “args”: [“-g”,“${file}”,“-o”,“${file}.exe”], // 编译命令参数

  “problemMatcher”: {

  “owner”: “cpp”,

  “fileLocation”: [“relative”, “${workspaceRoot}”],

  “pattern”: {

  “regexp”: “^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$”,

  “file”: 1,

  “line”: 2,

  “column”: 3,

  “severity”: 4,

  “message”: 5

  }

  }

  }1234567891011121314151617

  保存一下,然后切换至a.cpp,再次按F5启动调试

  

vscode怎么编译运行

  然后就可以设置断点调试了

vscode怎么编译运行

下载发烧友APP

打造属于您的人脉电子圈

vscode怎么编译运行

关注电子发烧友微信

有趣有料的资讯及技术干货

vscode怎么编译运行

关注发烧友课堂

锁定最新课程活动及技术直播

vscode怎么编译运行

电子发烧友观察

一线报道 · 深度观察 · 最新资讯

人收藏

分享:

评论

发表

相关推荐

《嵌入式技术 基础课程》之逆向-X86汇编

我们将《嵌入式工程师-系列课程》分成两大阶段:第一阶段:《计算机体系结构》课程   分成4篇:分别是