在開始學習撰寫程式碼之前,我們需要有一個寫程式碼的平台,讓我們可以安心的來寫程式,並可以輔助我們在寫程式時,更加的輕鬆。而在這邊將介紹我個人比較習慣拿來寫程式的平台,一個是 Sublime
簡介
sublime是一個很方便很簡潔的編譯器,並且擁有十分海量的套件。
Linux安裝
簡介
為了在Ubuntu 18.04 上安裝Sublime Text。
- 操作系統: — Ubuntu 18.04 Bionic Beaver
- 軟體: — Sublime Text 3.0或更高版本
配置金鑰
wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -
sudo apt-add-repository "deb https://download.sublimetext.com/ apt/stable/"
安裝
sudo apt install sublime-text
Windows 安裝
首先我們需要先去安裝 Sublime,再進到頁面之後,我們可以看到下面這個畫面,在下方這個畫面上,我們直接去點擊頁面中的Download
再進到下載頁面後,我們可以依照你的電腦平台去選擇你要下載的版本,今天因為我的電腦是 Windows ,所以以下示範都以 Windows 進行舉例,在下載後,直接點開後,下一步到底就好(除非你要更改你存放檔案的位置),接下來我們便可以開始介紹如何使用了~
套件安裝
在正式開始使用講解前,我們打開後會看到一個空白甚麼都沒有的黑色介面,當看到下面這個畫面的時候,代表你準備要開始進入工程師的世界了?
而在介紹前,我們先把英文介面換成中文吧畢竟對初學者而言英文真的很麻煩,所以下面將從套件安裝開始講起
套件又是甚麼呢?套件就是一個別人幫你寫好的工具,我們只要安裝就可以輕鬆使用這些工具,像是語言轉換、自動排版這些都是可以用工具來輕鬆完成,以下就來講解如何開始使用套件
- 首先當我們打開 Sublime 之後,我們打開按下
Ctrl + Shift + P
,在搜尋欄打上ins
也就是 install的縮寫,在這邊選擇 install Package Control,並按下 Enter
2. 等待安裝結束後,會顯示下面視窗,按下確定即可,這時候我們就可以開始安裝套件了
3. 在套件安裝部分一樣用快捷鍵Ctrl + Shift + P
叫出指令欄,當指令欄出現後,輸入ins,選取 Package Control : Install Package
,按下 Enter 後,我們會看到下面圖片的畫面,當看到這張圖代表我們要開始安裝套件了
4. 現在安裝套件的方法就簡單很多了,只需要在搜尋欄打上你想要安裝的套件即可(如下圖),在這邊我推薦以下幾個套件,並對其分別進行一些介紹
套件安裝
1.打開sublime
2.按下Ctrl+Shift+P
,然後輸入ins
按下enter
3.打出你要安裝的套件~
4.按下enter
必裝
ChineseLocalization
將選單中文化TabNine
工程師用懶人工具,可以快速自動補全程式碼AutoFileName
可以在輸入 URL 或圖片網址時,自動提供路徑或檔名建議Emmet
快速產生HTML格式,各種縮寫輸入,快速產生ConvertToUTF8
:自動判斷文件的編碼SublimeCodeIntel
:多個程式提示碼TrailingSpaces
可自動顯示每一行後面出現的多餘空白字元Cmd Caller
可快速呼叫出終端機
選配
A File Icon
圖示icon,側邊欄位的檔案多了美觀的圖示,檔案類型示意圖(可以讓畫面變得漂亮)SideBarEnhancements
: 側邊欄加強,提供SideBar的右鍵選單功能SublimeServer
:讓自己的電腦變成伺服器Color Highlighter
:將有顏色代碼的程式碼用顏色標示出來Bower
可以直接從 Sublime Text 直接執行 網頁 安裝命令 (Ctrl+Shift+P)SublimeLinter
用於提示寫的代碼中錯誤的地方,支持Javascript、CSS、HTML、Java、PHP、Python、Ruby,必須先安裝Node.jsSublimerge Pro
可以快速比對兩個檔案的內容差異,雖然Sublime Text本身就可以開兩欄或多欄,但必須以人工方式比對內容太耗時間,此套件可快速標示出兩檔案的差異之處。
先安裝此套件–>將要比對的檔案開啟–>在檔案按右鍵Sublimerge > Compare to你要比對的另一個檔案
英文轉中文
如果你在安裝完套件後,語言沒有自動轉變成繁體中文的話,可以依照下面方式將語言轉變成中文:
- 點擊Help
- 選擇Language
- 選擇繁體中文
呼叫終端機
在我們安裝完 CMD Caller 後,我們可以用 Ctrl + Shift + X
這個快捷鍵進行呼叫終端機,那甚麼是終端機呢?終端機就是一般工程師跟電腦互動的一個平台,就像Line一樣,當我們需要跟電腦聊天,就需要呼叫終端機(命令提示字元)出來,才能跟他們聊聊天。
基本使用
我們將套件安裝完成後,我們便可以開始寫程式,而當我們開始撰寫之前,我們通常會先在 Sublime 上面設定我們現在使用的是甚麼語言,假如今天我們要使用的是 Python 的話,這時候我們需要在螢幕右下角(Plain Text)的地方,選取語言,選取的方法非常簡單,我們只需要按下他就可以開始慢慢滑著選單,開始進行選擇,在看到想要的語言之後,點下去即可
那為甚麼我們需要選擇語言呢?這是因為 Sublime 會在我們撰寫程式碼的時候,根據我們所寫的語言進行一些程式碼的提示(套件)與保留字(後面 Python 會提到)的顏色提示,可以避免我們寫出一些有問題的程式碼。
接下來就可以開始打程式碼了,接下來我們要正式進入程式碼的世界了,以下是 Python 最基礎的程式碼,深入的 Python 我們在後面的教程會講道,這邊就純粹的打上去就可以了~
print("Hello world")
在打上去後,接下來我們要讓程式碼動起來,我們第一步要先去存檔,我們直接用快捷鍵Ctrl + s
去存檔,在存檔時我們可以看到存檔類型的地方,他會自動的切換成 Py 檔,也就是 Python 的專用檔案
在存檔完成後,我們的 Sublime 上發的名稱也會更改,名稱就會更動程 HellowWord.py, 接下來我們就要去呼叫命令提示字元出來。
在我們存檔完成後,我們要去執行程式碼了,也就是讓程式碼成功的動起來,我們有兩個方法,首先是使用Sublime內建的編譯程式去執行,以下為操作步驟
步驟又分成兩種,第一種為選擇編譯系統,選擇編譯系統的原因在於,Sublime支援了許多種程式語言,但是當你沒有告訴她你要用甚麼程式語言的時候,他會不知道我該選擇哪一個編譯系統去做執行,因為每一種程式語言都會有相對應的編譯系統,如果編譯系統錯誤她就會無法認出你打得內容是甚麼,就像你明明是甲班的學生,卻跑去乙班上課,這讓老師在點名的時候認不出你,你就算在聽話也是沒有用的,也不會加分XD
所以在編譯前先選擇編譯系統是十分重要的事情。下面開始講解步驟
- 點選工具
- 選擇編譯系統
- 選擇Python
在選完編譯系統後,我們要開始進行編譯,以下為編譯的動作
- 點選工具
- 點選編譯
在編譯後,我們就會看到跟下圖一樣的成果,恭喜你正式進入了程式碼的世界(撒花~)
第二種方法便是傳統的要先打開命令提示字元,在這邊由於我們剛剛有安裝一個叫做CMD CALLER
的套件,所以我們可以用快捷鍵把他叫出來Ctrl + Shift + X
就會看到下面的畫面,他會直接自動的從我們的資料夾開啟這個視窗,接下來我們打上python HelloWord.py
這一行程式碼,他有就會一樣的把 Hello world
寫出來給你看。
注意!!!這邊注意一點,如果你的電腦沒有事先安裝 Python 的環境的話,這一步是不能做的所以需要是先安裝好Python環境。
而這個黑黑的視窗平時要怎麼打開呢?這時候我們就要來說明一下在 Win10 上面這個視窗的開啟方法了,在 Win10 上面,命令提示字元有分成兩種 CMD 跟 PowerShell ,目前在 Win10 上面,它會自動設定你是打開 PowerShell ,但是他們的功能基本是沒有差異的,那至於為甚麼要分成兩個這部分以後再說明,而我們用快捷鍵叫出來的便是 PowerShell。如果你想要在平時打開 CMD 或是 PowerShell 的話,直接在 Win10 搜尋欄打上 CMD 或是 PowerShell 他們就會跳出來了
但是你會發現你開起來的資料夾往往不是你想要的資料夾,這部分在後面會講解如何切換資料夾~一樣先跳過。那如果要跟 Sublime 打開終端機時便直接是我們要的路徑的話,可以再打開那個資料夾後,Shift + 滑鼠右鍵
輕鬆的看到在這裡開啟 PowerShell視窗,點開他你就會直接開啟一個新的 PowerShell ,而且路徑上都是正確的,此時你就可以直接輸入python HelloWord.py
來執行這個程式碼
c 和 c++ 編譯
簡介
通常打C
大家都使用DEC C++
,但是又有誰規定一定要用它呢~ 這次我們就用SUBLIME
來編譯C
與C++
吧 ~
自動排版與美觀
如果你想要讓你的c語言有顏色,你就必須安裝ctags
這個套件
當然有可能他本來就會亮,不用裝也沒關西
接下來就是自動排版啦~
只要安裝 AStyle Formatter Plugin
,然後要使用的話,滑鼠右鍵,然後按下AStyle Formatter
接下來選format
這樣就會自動排版了
安裝 MinGW
如果你是windows的話,就一定需要這個來輔助她。
我在另外一篇文章中有詳細安裝過程,可以過去查看~
windows gcc編譯
設定sublime 編譯
打開你的 Sublime Text ,按 Ctrl + Shift + P
打 new build system
,把內容全部替換成以下文字,儲存位置不要修改。接下來去存他,檔名自己想一個喜歡的。
{
"working_dir": "$file_path",
"cmd": "gcc -Wall \"$file_name\" -o \"$file_base_name\"",
"file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$",
"selector": "source.c",
"variants":
[
{
"name": "Run",
"shell_cmd": "gcc -Wall \"$file\" -o \"$file_base_name\" && start cmd /c \"\"${file_path}/${file_base_name}\" & pause\""
}
]
}
設定工具
在sublime本來就有內建的編譯器,只是很弱通常用不到,所以需要另外去安裝一個編譯器,要改變編譯器設定需要去工具
,然後選擇編譯系統,接下來選取你剛剛取名的名稱,這樣就可以了。
開始測試~
接下來在剛剛的設定後,你的編譯器以傳換過來了,直接按sublime的內建快速鍵吧~ shift+ctrl+b
,接下來選則有run
的那個,然後他就會跳出cmd,這就表示你成功了 ~
總結
在這個階段,我們學習到怎麼安裝並使用 Sublime 以及成功進入到了程式碼的世界了。並能夠去編譯C與Python語言了