iT邦幫忙

DAY 3
1

前端小字典三十天【每日一字】系列 第 3

Day3– 前端小字典三十天【每日一字】– Text editor

Text editor是什麼?

Text editor-文字編輯器(文本編輯器)

維基百科:

文字編輯器是電腦軟體中的一種。主要用於用來編寫和檢視文字檔案。

因為程式和程式的配置檔案通常是以純文字形式儲存,

所以程式設計師也需要使用純文字編輯器來編輯程式和配置檔案。

例如:Notepad、Notepad++、vi/vim、TextMate、Sublime Text等等還有很多

Text editor 和 IDE 的差別?

Different between a IDE and text editor?
我覺得這篇問題的回答內容蠻不錯的。

IDE stands for "Integrated development environment" not just a tool where you write the code ,but you can also compile it and debug it.. text editors in their nature, usually don't do that, they tend to go for a broader approach.. be able to edit all types of files, instead of specializing in a particular type or language..

IDE 整合更多複雜的功能,可以寫code、可以編譯、可以除錯

雖然目前Text Editor 也可以使用插件完成IDE 大部分能提供的服務。
和Text Editor相比,IDE的功能比較豐富。

例如:Visual Studio 可使用不同的 Web 伺服器進行測試,包括 IIS Express等。

我目前是使用Sublime Text (Text Editor)與 Microsoft Visual Studio 搭配使用。


我個人的選擇如下:
依照專案規模會有不同的使用方法。

若是比較單純的案子或前端執行比較多的案子,我是使用**Sublime Text **。

像是大型專案等,則是透過Sublime Text 寫基本的版面並搭配使用Visual Studio 與後端程式整合,

或是直接使用Visual Studio 開發


以下筆記一些 Text editor 的介紹,希望透過說明,能夠更了解 Text editor。

__________________________________________________________


Notepad介紹

Notepad是Microsoft Windows內建的Text editor

功能少,體積小、操作簡單!

因為很輕型,我有時蠻習慣開很多個記事本拿它暫存記錄,

當然也可以使用Notepad當作寫程式的 Text editor 啦!

不過功能支援蠻少的,從無到有的撰寫程式碼,

若開發比較複雜的專案,需要擁有該語言一定的能力。

可參考此篇文章,教學使用Notepad 撰寫一個基本的 html

HTML Editors

http://www.w3schools.com/html/html\_editors.asp

__________________________________________________________

Notepad++介紹

Notepad++,價格: 免費

開啟的速度很快,輕巧有效率!是一款在Windows環境下免費開源的文字編輯器。

支持的語言有C , C++ , Java , C# , XML , HTML , PHP , Javascript等等

支援語法高亮度顯示、語法折疊功能、也可以安裝外掛使用Zen Coding,

支援多國語言編寫的功能(UTF8技術)等!可惜只能在Windows環境下使用

__________________________________________________________

vi/vim 介紹

價格: 免費

在Unix和Linux系统下,最常使用的编辑器是VIM和Emacs

vim 是進階版的vi
Emacs是比vim年紀更大的編輯器。

兩種都是神一般的編輯器,有種遙不可及的困難度(?)

複製需要輸入鍵盤指令

刪除需要輸入鍵盤指令

移動(上下左右)也需要輸入鍵盤指令

使用vim不會用到滑鼠,移動與修改文字都需要切換不同模式

雖然只能兩隻手在鍵盤上玩手感!

但節省掉使用滑鼠的時間,可以增進寫code 的效率。

而且伴隨著複雜的操作,感覺超帥氣的。

我有稍微接觸過vim,剛開始只有跌跌撞撞的失敗感,

不過我想如果熟悉之後,成就感應該蠻大的!

哈哈哈!

若對vi/vim有興趣,想挑戰看看,可以參考下列文章或影片:

Vim
http://blog.eddie.com.tw/2011/12/26/vim/

大家來學 Vim_高見龍
https://www.youtube.com/watch?v=\_zcQsMSvx9A

介紹 vi
http://home.educities.edu.tw/rxghome/netbsd/guide/chap-edit.html

vi 編輯器簡介
http://phys.thu.edu.tw/~ctshih/teach/vi/

__________________________________________________________

Sublime Text介紹

Sublime Text 2 價格: 免費永久試用也可付費支持。

Sublime Text 3 價格: 免費試用,目前屬於測試階段beta版

付費授權for 個人不是限定裝置,所以買了之後,不管你用什麼裝置都可以使用。

有Sublime Text 2 與Sublime Text 3 這兩種版本

目前最新版本為Sublime Text 3

Sublime Text是很多前端開發者熱愛的 IDE,

支援Linux 、Windows 與Mac OS X 三種作業系統
透過Package Control 套件安裝很多強大的功能。

進一步使用可以參考下列文章:

Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學
http://blog.miniasp.com/post/2014/01/07/Useful-tool-Sublime-Text-3-Quick-Start.aspx

Sublime Text 手冊
http://docs.sublimetext.tw/preface/

Sublime Text 2介紹文章
http://kevintsengtw.blogspot.tw/p/sublime-text-2.html#.VC1nV15Xmw8

Sublime Text系列文章
http://www.camdemy.com/folder/75

[MAC] 比Notepad++還好用的編輯工具「Sublime Text 2」
http://www.minwt.com/mac/6009.html

本篇筆記重點:

■ Text editor名詞解釋=文字編輯器

部分 Text editor基本介紹

(包括Notepad、Notepad++、vi/vim、Sublime Text)

內容如有補充與需調整的部分,也請多多批評與指教。


上一篇
Day2– 前端小字典三十天【每日一字】– IDE
下一篇
Day4– 前端小字典三十天【每日一字】– Web Server
系列文
前端小字典三十天【每日一字】30

1 則留言

0
mis2000lab
iT邦好手 1 級 ‧ 2014-10-03 22:54:02

補充一下

微軟在FrontPage 2003以後,有新版的網頁編輯器
後來推出「免費」下載版,也請大家用用看

[免費下載]FrontPage新版 -- Microsoft Expression Web 4 (Free Version)與 SharePoint Designer 2013
http://www.dotblogs.com.tw/mis2000lab/archive/2013/10/21/free\_download\_expression\_web\_4\_sp2.aspx

我要留言

立即登入留言