開始撰寫程式碼-程式碼平台安裝(Sublime)

在開始學習撰寫程式碼之前，我們需要有一個寫程式碼的平台，讓我們可以安心的來寫程式，並可以輔助我們在寫程式時，更加的輕鬆。而在這邊將介紹我個人比較習慣拿來寫程式的平台，一個是 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 進行舉例，在下載後，直接點開後，下一步到底就好(除非你要更改你存放檔案的位置)，接下來我們便可以開始介紹如何使用了~

套件安裝

在正式開始使用講解前，我們打開後會看到一個空白甚麼都沒有的黑色介面，當看到下面這個畫面的時候，代表你準備要開始進入工程師的世界了?

而在介紹前，我們先把英文介面換成中文吧畢竟對初學者而言英文真的很麻煩，所以下面將從套件安裝開始講起

套件又是甚麼呢?套件就是一個別人幫你寫好的工具，我們只要安裝就可以輕鬆使用這些工具，像是語言轉換、自動排版這些都是可以用工具來輕鬆完成，以下就來講解如何開始使用套件

1. 首先當我們打開 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.js
• Sublimerge Pro 可以快速比對兩個檔案的內容差異，雖然Sublime Text本身就可以開兩欄或多欄，但必須以人工方式比對內容太耗時間，此套件可快速標示出兩檔案的差異之處。
  先安裝此套件–>將要比對的檔案開啟–>在檔案按右鍵Sublimerge > Compare to你要比對的另一個檔案

英文轉中文

如果你在安裝完套件後，語言沒有自動轉變成繁體中文的話，可以依照下面方式將語言轉變成中文:

1. 點擊Help
2. 選擇Language
3. 選擇繁體中文

呼叫終端機

在我們安裝完 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

所以在編譯前先選擇編譯系統是十分重要的事情。下面開始講解步驟

1. 點選工具
2. 選擇編譯系統
3. 選擇Python

在選完編譯系統後，我們要開始進行編譯，以下為編譯的動作

1. 點選工具
2. 點選編譯

在編譯後，我們就會看到跟下圖一樣的成果，恭喜你正式進入了程式碼的世界(撒花~)

第二種方法便是傳統的要先打開命令提示字元，在這邊由於我們剛剛有安裝一個叫做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語言了