Linux下使用VsCode進行Qt開發環境搭建

時間 2020-01-21

原文原文鏈接

最近在Linux上搞Qt, vim環境還用不太習慣, QtCreator以前使用時莫名其妙崩潰而後丟失代碼以後就被我完全放棄了, 因而研究了一下用VsCode進行Qt開發.c++

首先是系統環境和下載安裝包:shell

Linux系統使用Ubuntu18.04 LTS.json

Qt官網下載須要註冊帳號,但實際上官方有不須要註冊帳號的列表下載通道: http://download.qt.io, 在official_releases/qt/分支中找到本身想要的版本,下載 .run 文件便可, 關於Qt環境搭建, 網上有不少教程, 再也不贅述.vim

VsCode直接官網下載最新版的 .deb, 下載成功使用dpkg -i命令安裝便可.編輯器

安裝成功後輸入qmake --version進行檢查, 出現下圖內容說明Qt環境已經ok了, 若是沒找到qmake命令, 在系統環境變量中添加qmake路徑工具

接下來配置VsCode測試

在命令行輸入code便可打開vscode編輯器,打開編輯器後建立一個測試文件夾test, 在test目錄中建立以下結構優化

2個cpp和1個header用於測試, 代碼以下ui

dialog.hthis

 1 #ifndef _MAIN_DIALOG_
 2 #define _MAIN_DIALOG_
 3 
 4 #include <QDialog>
 5 #include <QLabel>
 6
 7
 8 
 9 class Dialog : public QDialog
10 {
11   Q_OBJECT
12   
13 public:
14   Dialog(QWidget *parent = 0);
15   ~Dialog();
16 
17 private:
18   QLabel *label_test;
19 }
20 
21 #endif

dialog.cpp

 1 #include <QLayout>
 2 #include "dialog.h"
 3 
 4 Dialog::Dialog(QWidget *parent) : QDialog(parent)
 5 {
 6   this->setWindowTitle("hello");
 7 
 8   label_test = new QLabel(this);
 9   label_test->setText("HelloWorld");
10 
11   QGridLayout *main_layout = new QGridLayout(this);
12   main_layout->addWidget(label_test, 0, 0);
13 }
14 
15 Dialog::~Dialog()
16 {
17 }

main.cpp

 1 #include <QApplication>
 2 #include "dialog.h"
 3 
 4 int main(int argc, char *argv[])
 5 {
 6   QApplication a(argc, argv);
 7   
 8   Dialog dialog;
 9   dialog.show();
10 
11   return a.exec();
12 }

接下來配置.vscode文件夾中的json

先配置tasks.json, 配置一些任務項, 並在生成項目以前先調用這些任務項

 1 {
 2     "version": "2.0.0",
 3     "tasks": [
 4         {
 5             "type": "shell",
 6             "label": "qmake build makefile",
 7             "command": "/home/tsing/Qt5/5.9/gcc_64/bin/qmake",
 8             "args": [],
 9             "options": {},
10             "problemMatcher": [],
11             "group": "build"
12         },
13         {
14             "type": "shell",
15             "label": "make build activefile",
16             "command": "/usr/bin/make",
17             "args": [],
18             "options": {},
19             "problemMatcher": [],
20             "group": "build"
21             "dependsOn": ["qmake build makefile"]
22         }
23     ]
24 }

上面一共配置了兩個任務項

第一個任務項qmake build makefile用於對當前項目生成makefile文件

第二個任務項make build activefile依賴於第一個任務項, 用於針對makefile文件生成當前項目的可執行文件

兩個任務項中"command"標識了要運行的指令的地址, 須要根據本身pc的環境進行調整

第二個任務項使用make指令, 需提早安裝

接下來配置launch.json, 配置vscode運行當前項目的可執行文件前的工做

 1 {
 2     "version": "0.2.0",
 3     "configurations": [
 4         {
 5             "name": "qt build and debug active file",
 6             "type": "cppdbg",
 7             "request": "launch",
 8             "program": "${fileDirname}/${workspaceRootFolderName}",
 9             "args": [],
10             "stopAtEntry": false,
11             "cwd": "${workspaceFolder}",
12             "environment": [],
13             "externalConsole": false,
14             "MIMode": "gdb",
15             "setupCommands": [
16                 {
17                     "description": "爲 gdb 啓用整齊打印",
18                     "text": "-enable-pretty-printing",
19                     "ignoreFailures": true
20                 }
21             ],
22             "prelaunchTask": "make build activefile",
23             "miDebuggerPath": "/usr/bin/gdb"
24         }
25     ]
26 }

launch.json中配置了調試的各項工做, "program"指定了要運行的程序, "prelaunchTask"指定了運行前要執行的task, "miDebuggerPath"指定了調試工具gdb的路徑

目前爲止VsCode還不能對代碼進行智能識別和Qt相關代碼高亮, 配置c_cpp_properties.json以下

 1 {
 2     "version": 4,
 3     "configurations": [
 4         {
 5             "name": "gcc_64",
 6             "intelliSenseMode": "gcc-x64",
 7             "includePath": [
 8                 "/home/tsing/Qt5/5.9/gcc_64/include",
 9                 "/home/tsing/Qt5/5.9/gcc_64/include/QtCore",
10                 "/home/tsing/Qt5/5.9/gcc_64/include/QtGui",
11                 "/home/tsing/Qt5/5.9/gcc_64/include/QtGui",
12                 "/home/tsing/Qt5/5.9/gcc_64/include/QtWidgets",
13                 "${workspaceRoot}"
14             ],
15             "browse": {
16                 "path": [
17                     "/home/tsing/Qt5/5.9/gcc_64/include",
18                     "/home/tsing/Qt5/5.9/gcc_64/include/QtCore",
19                     "/home/tsing/Qt5/5.9/gcc_64/include/QtGui",
20                     "/home/tsing/Qt5/5.9/gcc_64/include/QtGui",
21                     "/home/tsing/Qt5/5.9/gcc_64/include/QtWidgets",
22                     "${workspaceRoot}"
23                 ]
24             },
25             "compilerPath": "/usr/bin/gcc",
26             "cStandard": "c11",
27             "cppStandard": "c++17"
28         }
29     ]
30 }