---
title: vscode不專業安裝指南
description: 一篇推坑文
---
# VScode
這是一篇推坑vscode的安裝教學文
各方大神有自己的教派的請自己寫一篇
註：我才不會去SITCON跟別人發起宗教戰爭
內容會以c++為主，比較閒的時候再把python補上
## [下載先](https://code.visualstudio.com/)
大家應該都用windows吧，用mac的如果有困難我再想辦法
---
### 名為簡介的廢話
#### VScode
Visual Studio Code（簡稱VS Code）是一款由微軟開發且跨平台的免費原始碼編輯器
Visual Studio Code預設支援非常多的程式語言
包括JavaScript、TypeScript、CSS和HTML
也可以通過下載擴充支援Python、C/C++、Java和Go在內的其他語言
支援功能包括語法突顯、括號補全、代碼摺疊和代碼片段
對於部分語言，可以使用IntelliSense
Visual Studio Code也支援除錯Node.js程式
和GitHub的Atom一樣，Visual Studio Code也基於Electron框架構建
#### 文本編輯器？整合式開發環境(IDE)？
文本編輯器顧名思義就是用來修改編輯文字檔的
我們也知道大多是程式語言都是文檔
文本編輯器百百種，早期大戰過的vi（以及衍生版本）和Emacs
甚至在維基上有一個頁面[編輯器之戰](https://zh.wikipedia.org/wiki/%E7%BC%96%E8%BE%91%E5%99%A8%E4%B9%8B%E6%88%98)
vscode身為輕量級文本編輯器，跟IDE相比占用電腦資源少很多
跨平台的特性也支援VScode更改檔案的頁碼、換行符和程式語言
同時打開多個目錄並保存先前的工作狀態
---
## 安裝
:::info
接受，不解釋，晚上睡不著可以看看授權合約到底在寫什麼
:::
:::info
1, 4可選，5一定要
:::
:::info
安裝完之後要裝延伸模組
前面有提到，VScode並不是原生支援c++的，需要附加模組支援
左邊點選Extenion
:::
:::info
安裝C/C++
:::
:::info
安裝C++ Intellisense
:::
:::info
看英文不習慣的話有中文插件
:::
---
## C++開發環境
### 安裝MinGW
:::info
MinGW導入了大多數GNU編譯器，打#include幾乎都是往裡面找標頭檔
:::
### [下載MinGW](https://zh-tw.osdn.net/projects/mingw/releases/68260)，往下拉下載.exe結尾的執行檔
:::info
基本上就一路按確認
確認一下安裝路徑是C:/MinGW
安裝完開啟MinGW Installer Manager
找到mingw32-gcc-g++\-bin點擊然後選Mark for Installation
:::
:::info
在左邊All Packages
找到mingw32-gdb-bin一樣選擇Mark for Installation
:::
:::warning
圖片勘誤 是mingw32-gdb-bin 不是mingw32-gcc-bin
mingw32-gcc-bin會自動選取 不需要額外安裝
:::
:::info
右上角選Apply Changes
:::
:::info
再點一次Apply
裝完之後按Close關閉
:::
---
## 設定環境變數
:::info
開啟設定，選擇"系統"
:::
:::info
在"關於"裡找到"進階系統設定"
:::
:::info
選擇環境變數
:::
:::info
底下系統變數，找到Path，雙擊或點編輯
:::
:::info
點選新增，然後加入"C:\MinGW\bin"
:::
---
## VScode設定
### [在這裡](https://drive.google.com/drive/folders/1dSTU0yaqg2A7iohEOwkrcFhPP1MgTKw9?usp=sharing)
:::info
給你的程式碼開個資料夾，把上面連結的.vscode資料夾解壓縮後整個放進去
:::
:::spoiler 對四個檔案的解釋
c_cpp_properties是程式碼自動完成的設定
tasks跟建置有關
launch是偵錯用的
setting是vscode其他環境的設定檔
:::
:::spoiler 下載不了的這裡有程式碼可以自己建
c_cpp_properties.json
```json
{
"configurations": [
{
"name": "Win32",
"includePath": [
"${workspaceRoot}",
"C:\\MinGW\\include",
"C:\\MinGW\\lib\\gcc\\mingw32\\9.2.0\\include",
"C:\\MinGW\\lib\\gcc\\mingw32\\9.2.0\\include\\c++"
],
"defines": [
"_DEBUG",
"UNICODE",
"__GNUC__=5",
"__cdecl=__attribute__((__cdecl__))"
],
"intelliSenseMode": "gcc-x64",
"browse": {
"path": [
"${workspaceRoot}",
"C:\\MinGW\\include",
"C:\\MinGW\\lib\\gcc\\mingw32\\9.2.0\\include",
"C:\\MinGW\\lib\\gcc\\mingw32\\9.2.0\\include\\c++"
],
"limitSymbolsToIncludedHeaders": true,
"databaseFilename": ""
}
}
],
"version": 4
}
```
launch.json
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "(gdb) Launch",
"type": "cppdbg",
"request": "launch",
"program": "${workspaceRoot}/${fileBasenameNoExtension}.exe",
"args": [],
"stopAtEntry": false,
"cwd": "${workspaceRoot}",
"environment": [],
"externalConsole": true,
"MIMode": "gdb",
"miDebuggerPath": "C:\\MinGW\\bin\\gdb.exe",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
"preLaunchTask": "build"
}
]
}
```
settings.json
```json
{
"files.associations": {
"iosfwd": "cpp",
"ostream": "cpp",
"iostream": "cpp",
"*.tcc": "cpp",
"unordered_map": "cpp",
"unordered_set": "cpp",
"string_view": "cpp",
"cmath": "cpp",
"iomanip": "cpp",
"numeric": "cpp",
"chrono": "cpp",
"limits": "cpp",
"valarray": "cpp"
},
"C_Cpp.errorSquiggles": "Disabled",
"python.pythonPath": "D:\\python\\python.exe"
}
```
tasks.json
```json
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "shell",
"command": "g++",
"args": [
"-g", "${file}", "-o", "${fileBasenameNoExtension}.exe"
],
"group": {
"kind": "build",
"isDefault": true
}
}
]
}
```
以上要塞進.vscode這個資料夾
:::
VScode還有很多好用而且強大的插件，這裡就先不一一介紹
不過推個好用的code runner
安裝後他會使用code runner自己的output來輸出
建議可以在setting加上```"code-runner.runInTerminal": true```
來使用終端機跑
沒意外可以按Ctrl+Alt+N編譯並執行，執行前記得先按Ctrl+S存檔
只要不關閉文件，存檔後Ctrl+Z, Ctrl+Shift+Z還是可以用
不小心打出無窮迴圈或是程式感覺快爆炸可以按Ctrl+Alt+M
Sign in with Wallet
Connect another wallet