編程工具——編輯器/IDE

此文介紹各種實用的編輯器

受先我們來介紹下Sublime Text,具有友好的交互,以及高擴展性

Sublime Text

官網

Download - Sublime Text?

www.sublimetext.com

在這裡你可以下載官方的編輯器

在Windows操作系統下,你可以一路點下去,或者自己設置安裝的位置

安裝完成後不要急著點開Sublime Text

Sublime Text 目錄

在自動安裝的情況下,是沒有Data這個目錄的,我們需要手動創建出這個目錄,然後軟體會自動把以後的插件放在這個目錄下

Data目錄下

這樣安裝的 插件都會在Package目錄下,當你需要使這個編輯器便攜,而且能到處打開,還能有插件已經裝好了

那麼這樣安裝不失為一個好辦法。

還可以把sublime打包,然後存在U盤裡,隨身攜帶,很方便,也不用自己再去重新安裝一遍插件

Data目錄下面的 Local文件夾中,每次激活SublimeText會生成一個文件,就是許可文件,如果文件夾中有這個文件,你就不必再次輸入激活碼,否則還是要激活的。

Ubuntu下的Sublime的License文件

如果你保存好了這個文件,大致上不用再次輸入激活碼了

Sublime Text插件的安裝

你可以從一個網站上獲取所有的包,其中最重要的包是包控制這個插件

Sublime Text 包的獲取的官網

https://packagecontrol.io/?

packagecontrol.io

如果你是要開發前端網頁的,當然是需要Css,html,js的相關插件

或者你是寫Python爬蟲的,Anconda的插件是一個不二之選

如果你是用來開發後端的NodeJs是一個不錯的選擇

那麼我就把相關的插件都列出來吧

Css3

https://github.com/y0ssar1an/CSS3/archive/master.zip?

github.com

Anaconda

Anaconda, the Python IDE for Sublime Text 3 : damnwidget.github.io/anaconda/?

damnwidget.github.io圖標

HTML5

https://github.com/mrmartineau/HTML5/archive/master.zip?

github.com

NodeJs

https://codeload.github.com/tanepiper/SublimeText-Nodejs/zip/master?

codeload.github.com

代碼格式化

akalongman/sublimetext-codeformatter?

github.com圖標

文件圖標

ihodev/a-file-icon?

github.com圖標

格式化Js代碼

jdc0589/JsFormat?

github.com圖標

各種代碼的格式化

https://github.com/akalongman/sublimetext-codeformatter?

github.com

主題

Material Theme?

equinsuocha.io

dempfi/ayu?

github.com圖標

下載後把壓縮包解壓到sublime Text根目錄下的Data/Package/這個目錄下就完成了安裝

你也可以用Package Control來安裝插件

安裝Package Control包也可以用上面的方法或者快捷鍵Ctrl+`打開控制台,然後在控制台中輸入如下內容

版本Sublime Text 3

import urllib.request,os,hashlib; h = 6f4c264a24d933ce70df5dedcf1dcaee + ebe013ee18cced0ef93d5f746d80ef60; pf = Package Control.sublime-package; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( http://packagecontrol.io/ + pf.replace( , %20)).read(); dh = hashlib.sha256(by).hexdigest(); print(Error validating download (got %s instead of %s), please try manual install % (dh, h)) if dh != h else open(os.path.join( ipp, pf), wb ).write(by)

版本Sublime Text 2

import urllib2,os,hashlib; h = 6f4c264a24d933ce70df5dedcf1dcaee + ebe013ee18cced0ef93d5f746d80ef60; pf = Package Control.sublime-package; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( http://packagecontrol.io/ + pf.replace( , %20)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), wb ).write(by) if dh == h else None; print(Error validating download (got %s instead of %s), please try manual install % (dh, h) if dh != h else Please restart Sublime Text to finish installation)

選中後雙擊

選擇Package Control :Install Package這個選項,然後就可以直接搜索插件名稱直接安裝了,簡便很多,選擇之後就直接搜索包名就行了。

Windows將Sublime Text 配置成為一個IDE

1.配置C語言環境

參考另一個文章

Strange dream:打開新世界:配置環境?

zhuanlan.zhihu.com圖標

我們現在就需要寫一個編譯環境的配置文件了,

Sublime Text 3157 x64PackagesC.sublime-package

我們需要找到這個文件,然後將C.sublime-package文件加一個後綴名.zip

C.sublime-package.zip

然後用壓縮軟體打開

C#.sublime-package用壓縮軟體打開後的樣子

如圖,我們找到一個後綴為.sublime-build文件

在其中添加如下內容,你可以將文件的內容覆蓋改寫

{ "encoding": "utf-8", "working_dir": "$file_path", "shell_cmd": "g++ -Wall -fexec-charset=GBK "$file_name" -o "$file_base_name"", "file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$", "selector": "source.c++,source.c,source.cpp", "variants": [ { "name": "Run in sublime", "shell_cmd": "g++ -Wall -std=c++11 "$file_name" -o "$file_base_name" && cmd /c "${file_path}/${file_base_name}"" }, { "name": "CMD Run", "shell_cmd": "g++ -Wall -fexec-charset=GBK "$file" -o "$file_base_name" && start cmd /c ""${file_path}/${file_base_name}" & pause"" }, { "name": "gdb Debug", "shell_cmd": "g++ -g -std=c++11 "$file" -o "$file_base_name" && start cmd /c gdb ${file_path}/${file_base_name} & pause" } ]}

然後重啟一下Sublime Text就行了

配置完成後的運行C語言效果

將Sublime配置為C#集成開發環境

首先,Sublime只是一個文本編輯器,要把源代碼變成程序需要有一個編譯器或是解釋器,所以,我們需要配置一下編譯器或是解釋器

C#的編譯器比較輕量級的是Mono

Download - Stable | Mono?

www.mono-project.com

上面的是Mono的官網

Mono官網

下載符合系統的軟體,我的計算機是64位的,所以我下載了Mono-64-bit(no GTK#)

然後將Mono安裝就行了,Windows是一步到位,直接點擊下一步就行了,安裝完成後還需要把Mono的環境配置到系統中

我們點擊系統環境變數(S)下的新建

這樣完成後需要將這個環境變數添加進系統的變數Path

編輯Path,然後點擊編輯,寫入%Mono%,我們位Mono賦值的內容就是那個路徑,所以需要調用的話 要寫在兩個百分號之間

就像這樣:

我們給a賦值,引用時候用兩個百分號表示引用,輸出34,就是a的值

環境變數也是一樣的。

以上步驟弄好後我們就可以寫配置文件了,同樣是一個編譯環境文件

在文件中添加如下內容

{ "shell_cmd": "csc /out:"${file_path}/${file_base_name}.exe" "${file}"", "file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$", "working_dir": "${file_path}", "selector": "source.cs", "variants":[ { "name": "Build & Run", "shell_cmd": "csc /out:"${file_path}/${file_base_name}.exe" "${file}" && start "${file_base_name}.exe" /d "${file_path}" "${file_base_name}.exe"", "working_dir": "${file_path}" }, { "name": "Build & Run (Form)", "shell_cmd": "csc /t:winexe /r:System.Windows.Forms.dll;System.Drawing.dll /out:"${file_path}/${file_base_name}.exe" "${file}" && start "${file_base_name}.exe" /d "${file_path}" "${file_base_name}.exe"", "working_dir": "${file_path}" }, ],}

文件保存為C#.sublime-build

using System;class MainClass{ public static void Main(){ Console.WriteLine("Hello world"); Console.ReadKey(); }}

配置完成後的源碼編譯完成

這樣一個集編輯器與編譯器的IDE就完成了

推薦閱讀:

TAG:CodeMirror編輯器 | 編程 | IDE集成開發環境 |