建站
咨詢
售后
建站咨詢
新聞中心
前言：你是服務(wù)端開(kāi)發(fā)人員嗎？你還在為調(diào)試Shell腳本而煩惱？你對(duì)Vim有獨(dú)特情懷？你在追求極致性能而選擇又愛(ài)又恨的C++么？同時(shí)，你還在“本地Push，遠(yuǎn)端Pull，一按Make，編不動(dòng)”？本文作者作為服務(wù)端開(kāi)發(fā)人員深知這種痛，特此打造此利器，以供大家 ZB 的同時(shí)，提高開(kāi)發(fā)效率！
旅順口網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、APP開(kāi)發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開(kāi)發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
上正文前先看一下我打造好的IDE全貌：
1.為什么是VS Code
1.1對(duì)IDE的訴求
-
支持多語(yǔ)言，C++、Java、Python、Shell、Proto、Makefile等，一個(gè)IDE全部解決；
-
支持Vim、Sublime、Eclipse等快捷鍵映射；
-
支持多種編碼方式；
-
代碼自動(dòng)補(bǔ)全、函數(shù)列表、函數(shù)引用、函數(shù)定義、 查找 、函數(shù)跳轉(zhuǎn)、函數(shù)跳回；
-
跨平臺(tái)使用；
-
本質(zhì)是編輯器 掛接插件，占用內(nèi)存很少，輕便流暢卻不失強(qiáng)大；
-
插件豐富，拓展性極強(qiáng)；
-
支持遠(yuǎn)程瀏覽編寫(xiě)代碼；
-
支持遠(yuǎn)程多語(yǔ)言調(diào)試；
-
圖形化Git管理；
-
Vim插件讓你感受IDE帶來(lái)的益處又不失情懷（我曾忠心于Vim，如今我變了，我變帥了，不，IDE界面變帥了 ，當(dāng)然還是Vim操作，情懷不能丟）；
-
Docker管理；
-
數(shù)據(jù)庫(kù)管理；
-
單元測(cè)試；
-
定制化終端；
-
LeetCode插件讓你隨時(shí)隨地，清爽的刷題，（摸摸頭發(fā)，頭發(fā)還在誒，不怕不怕，使用此神器，打造程序員不掉頭發(fā)的神話）
2.與其他IDE對(duì)比
-
語(yǔ)言決定IDE，多語(yǔ)言多個(gè)編譯器，臣妾受不了了；
-
Sourceinsight，不支持GBK，長(zhǎng)路徑支持不好；
-
Vim對(duì)于大型工程操作起來(lái)還是很費(fèi)力，各種插件從早裝到黑，我的黑眼圈啊階段性加重，為啥，總丟配置?。。ㄇ岸螘r(shí)間機(jī)器重裝，啥都不剩）；
-
Eclipse等也能配置多語(yǔ)言C++、JAVA，但是他太沉了，臣妾抱不動(dòng)啊，多開(kāi)幾個(gè)窗口，內(nèi)存蹭蹭往上漲，編個(gè)代碼，筆記本轟鳴聲幻聽(tīng)以為空調(diào)壞了呢；
總之，VS Code以上問(wèn)題全解決了，當(dāng)然VS Code也是有問(wèn)題的，局部變量找不到定義你是幾個(gè)意思，這個(gè)Bug你什么時(shí)候修復(fù)@微軟！
3.VS Code安裝
至于VS Code安裝在這就不贅述了，Win、Mac環(huán)境，網(wǎng)上一搜一大堆，簡(jiǎn)單到爆，如果這個(gè)不會(huì)，可以考慮當(dāng)產(chǎn)品啦，哈哈哈，開(kāi)玩笑嘍，畢竟程序員最愛(ài)產(chǎn)品經(jīng)理la!此處附官網(wǎng)鏈接：https://code.visualstudio.com/
下面即將迎來(lái)干貨，干貨多多，幸福滿滿！篇幅原因，有一些沒(méi)有細(xì)講，我拋個(gè)磚，大家自己玩起來(lái)！
4.設(shè)置公司代理
settings.json是IDE主要配置文件，今后的插件配置基本和這個(gè)東東打交道。
有些開(kāi)發(fā)環(huán)境下為了能下載插件 ，需要設(shè)置代理，設(shè)置方式是在settings.json文件中配置如下內(nèi)容:
"http.proxy": "http://你的代理服務(wù)器IP:端口/",
"http.proxyStrictSSL": false,
我的開(kāi)發(fā)機(jī)可以連接外網(wǎng) ，所以演示后刪掉配置！
VS Code以設(shè)置面板的形式操作setting.json，避免不熟悉錯(cuò)誤操作。但對(duì)于開(kāi)發(fā)人員來(lái)講，直接設(shè)置 json 配置文件的方式更方便。在VS Code中使用Ctrl+Shift+P打開(kāi)命令面板，簡(jiǎn)單輸入settings，選擇首選項(xiàng)：打開(kāi)設(shè)置(json)，即可打開(kāi)settings.json文件。
5.中文語(yǔ)言包安裝
點(diǎn)擊拓展商店—>輸入 Chinese—>選擇圖中第一個(gè)安裝—>重新加載 即可。
6.瀏覽，編寫(xiě)遠(yuǎn)程代碼
點(diǎn)擊拓展商店—>輸入 Remote Development—>選擇圖中第一個(gè)安裝—>重新加載 即可；
重新加載后會(huì)出現(xiàn)小電腦這個(gè)拓展，按圖示操作，可添加多個(gè)遠(yuǎn)程機(jī)器；
配置好連接遠(yuǎn)程后，左側(cè)出現(xiàn)小電腦
右鍵打開(kāi)遠(yuǎn)程，會(huì)讓你輸入遠(yuǎn)程機(jī)器密碼（多次，至少兩次），可配置SSH公私鑰免密登入；
- ssh-copy-id user@server
- ssh-copy-id -i ~/.ssh/id_rsa.pub user@server
沒(méi)有公私鑰自行ssh-keygen生成，若不懂可參考
https://man.linuxde.net/ssh-copy-id進(jìn)行設(shè)置。
設(shè)置好登入就可以登入遠(yuǎn)程機(jī)器，選擇左側(cè)活動(dòng)欄中文件標(biāo)識(shí)的資源管理器，打開(kāi)文件，選擇遠(yuǎn)程開(kāi)發(fā)機(jī)的項(xiàng)目根目錄，control + ` 打開(kāi)終端，終端目錄即為項(xiàng)目根目錄；
此處終端我已經(jīng)定制化為Zsh，并裝有Git相關(guān)插件，后文會(huì)介紹。
至此，在線編輯代碼，內(nèi)嵌終端，讓你的開(kāi)發(fā)添加一把利劍。接下要講調(diào)試，也是曾經(jīng)令無(wú)數(shù)程序員頭疼的問(wèn)題。
7.C++遠(yuǎn)程調(diào)試
主要講C++遠(yuǎn)程調(diào)試，也是我從事開(kāi)發(fā)的主要語(yǔ)言，同時(shí)Shell、Python等也會(huì)順帶講一講。
點(diǎn)擊拓展商店—>輸入 C++ —>選擇圖中第一個(gè)安裝—>重新加載 ；
點(diǎn)擊左側(cè)調(diào)試的小蟲(chóng)蟲(chóng)按鈕—>配置小齒輪，下面附上我的配置（基本滿足90%人的需求）。
- {
- // Use IntelliSense to learn about possible attributes.
- // Hover to view descriptions of existing attributes.
- // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
- "version": "0.2.0",
- "configurations": [
- {
- "name": "(gdb) Attach",
- "type": "cppdbg",
- "request": "attach",
- "program": "${workspaceFolder}/bin/app ",
- "processId": "${command:pickProcess}",
- "MIMode": "gdb",
- "setupCommands": [
- {
- "description": "Enable pretty-printing for gdb",
- "text": "-enable-pretty-printing",
- "ignoreFailures": true
- },
- {
- "description": "Enable print elements",
- "text": "-interpreter-exec console \"set print elements 0\"",
- "ignoreFailures": true
- }
- ]
- },
- {
- "name": "(gdb) Launch",
- "type": "cppdbg",
- "request": "launch",
- "program": "${workspaceFolder}/bin/app ",
- "args": [],
- "stopAtEntry": false,
- "cwd": "${workspaceFolder}",
- "environment": [],
- "externalConsole": false,
- "MIMode": "gdb",
- "miDebuggerPath": "gdb",
- "miDebuggerArgs": "gdb",
- "linux": {
- "MIMode": "gdb",
- "miDebuggerPath": "/usr/local/onlinenavi/bin/gdb",
- "miDebuggerServerAddress": "IP:PORT",
- },
- "logging": {
- "moduleLoad": false,
- "engineLogging": false,
- "trace": false
- },
- "setupCommands": [
- {
- "description": "Enable pretty-printing for gdb",
- "text": "-enable-pretty-printing",
- "ignoreFailures": true
- },
- {
- "description": "Enable print elements",
- "text": "-interpreter-exec console \"set print elements 0\"",
- "ignoreFailures": true
- }
- ]
- }
- ]
- }
以上配置根據(jù)自己環(huán)境稍微修改，launch配置需要服務(wù)端提前開(kāi)啟gdbsever，詳細(xì)使用請(qǐng)自行查閱。
遠(yuǎn)程安裝gdb和gdbserver
Attach配置可以自動(dòng)attach上已有進(jìn)程，F(xiàn)n + F5 / F5 啟動(dòng)調(diào)試。
調(diào)試效果
8.Python調(diào)試
下載Python調(diào)試插件
Python調(diào)試配置
以上操作后可進(jìn)行遠(yuǎn)程調(diào)試。
9.Shell調(diào)試
下載Shell調(diào)試支持
Shell調(diào)試配置
調(diào)試效果
10.Git管理
VS Code自帶Git圖形化管理
提交commit，push一氣呵成，可以打造快捷鍵，給你們看一下我的快捷鍵：左下角設(shè)置—>鍵盤(pán)快捷方式—>搜索Git，加號(hào)暫存，撤銷，command + enter提交commit，shift + command + enter 提交push，快到飛起，爽到爆炸！
11.Gitlens及效果圖
讓git blame更清爽直觀
12.Git Graph及效果圖
還記得烏龜Git么，多少換用Mac的人多次去尋找小烏龜，最后無(wú)奈放棄，我送給你了，記得好評(píng)，么么噠！
13.Vim
合格的程序員，Vim情懷不能丟！
14.Docker開(kāi)發(fā)
15.數(shù)據(jù)庫(kù)MySQL開(kāi)發(fā)
16.gdb拓展
把以下配置添加到.gdbinit中，讓VS Code實(shí)現(xiàn)更好的調(diào)試效果
https://stackoverflow.com/questions/11606048/how-to-pretty-print-stl-containers-in-gdb
17.定制化終端
https://www.cnblogs.com/soyxiaobi/p/9695931.html
有一些只在item2中生效，請(qǐng)自行篩選。
選擇zsh為默認(rèn)終端
此時(shí)該定制的終端也是非常強(qiáng)大， 相信即便不打造這個(gè)IDE 你也是愿意放下你的情懷一起動(dòng)手配置。
18.程序員少不了刷題，LeetCode給你準(zhǔn)備好了
安裝LeetCode插件
搜索題目
就連刷題這么枯燥的事也可以這么酷，忍不住，別控制，情不自禁刷他個(gè)幾千題。
VS Code在前端程序員用的較多，后端服務(wù)端還沒(méi)有跟上節(jié)奏，我來(lái)帶個(gè)節(jié)奏，大家一起交流！ 還有好多拓展，我的配置也不在這里一一贅述了，以上足以解決大家的痛點(diǎn)。
總之，炫酷的全能IDE已經(jīng)呈現(xiàn)在面前，是不是干貨滿滿呢！ 歡迎相互交流！
最后附上我的插件List
新聞標(biāo)題：將VSCode打造成炫酷全能IDE
文章來(lái)源：http://m.fisionsoft.com.cn/article/dpddiep.html
