超級好用的文字編輯器 Sublime Text

    最近剛好換了Macbook,本來在用PC的時候寫程式什麼的都是用Notepad++,雖然Notepad++很輕便好用,但是有時候寫程式都會突然出現一些很可怕的問題。
所以剛好趁這個時候開始在網路上爬文大家都是用什麼文字編輯器,發現了這款超級好用的文字編輯器,介面也漂亮了許多。





快速找到檔案(command + p) 超級好用

只要隨便鍵入跟你檔案有關的一些字就可以快速找到檔案
另外一個非常方便的地方就是

暫存功能超方便

有時候就算不想存檔或忘記存檔甚至是突然當機再打開Sublime Text他都還在。
當然這些功能在Notepad++上也是有的啦

有內建HTML5的Snippet

輸入html 之後 在按tab建,就可以快速生成html5的網頁標籤結構

推薦Plugin

以下是上網爬文爬來的插件
因為有時候蠻健忘的,所以記下來方便下次要重裝的時候找得到插件

在安裝插件之前Sublime需要安裝套件管理工具


只要使用快捷鍵 Ctrl + ` 打開sublime text 的 console  然後將以下python程式碼貼上並執行即可。

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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 安裝套件command + shift + p
再輸入 install package 就可以開始安裝想要的 Plugin 了

在Windows  ctrl + shift + p
然後輸入install package control  也可以直接安裝package control

Alignment

排列對齊功能,能把選取的區塊快速排列對齊

command + control + a

Blade Snippets
Laravel 樣板引擎 Blade 輸入提示

BracketHighlighter
結尾處高亮度,[](){}""''#!xml <tag></tag>

HTMLBeautify
幫你把 HTML 排的更漂亮
  • Mac OS X: Command-Option-Shift-F
  • Windows: Control-Alt-Shift-F
  • Linux: Control-Alt-Shift-F
前端工程師必備 HTML-CSS-JS Prettify
  • 安裝完成後先按下Ctrl+Shift+P 再輸入HTML Prettify找到相對應指令,按下Enter就可以自動將文件格式化
  • 此套件核心是nodejs處理,所以你必須先指定node.exe的路徑才能使用,所以請先至https://nodejs.org,下載nodejs並安裝,安裝完畢後在preference找到Package Setting→HTML/CSS/JS/ Prettfy → Set node path 指定你nodejs安裝的路徑












Laravel Blade Highlighter
高亮度 Laravel 樣板引擎 Blade
讓 Sublime Text 認得 Blade 語法

nginx
讓 Sublime Text 認得 Nginx 設定檔格式

ReactJS Snippets
React 支援與語法提示

Sass Snippets
scss 語法提示

SFTP
遠端 FTP, SFTP 同步用

Color Highlighter
看到色碼不再需要肉眼解碼了



DocBlockr
快速建立出文件、標準格式註解
輸入 /** 後,按下 Enter 或 Tab




DotENV
讓 Sublime Text 認得標準格式環端設定檔 Environment (.env)

EditorConfig
讓 Sublime Text 支援 .editorconfig方便 code Style 的小東西,加入專案內可以很快很統一的讓部份 Code Style 一至

HTMLAttributes
自動完成 HTML 屬性,懶人用

TrailingSpaces
自動清除、高亮 段落尾巴的空白,還蠻好用的,可以看到很多不該有的空白



留言

這個網誌中的熱門文章

什麼是QEMU ? 什麼是KVM ? 什麼是QEMU-KVM?

[Mac OSX] 如何關閉開機啟動的應用程式?