1. 用Sublime Text搭建簡易IDE編寫Verilog代碼
Verilog是一種硬體描述語言（HDL），該語言在Windows上有集成開發環境可以使用，如ModelSim，但ModelSim的編輯器不太好用因此筆者萌生了用Sublime Text3來編寫Verilog的想法。下面我們將圍繞著Sublime Text3搭建起一個簡易的IDE， 我將盡量把步驟寫的細致一點，這將會使整個過程看起來很繁瑣，但這是值得的。
Sublime Text 3 （訪問密碼：a7c6）
icarus-verilog-on-windows （訪問密碼：7528）
說明： Sublime Text是一款功能強大的編輯器，可擴展性非常強；而icarus-verilog是一款Verilog的編譯器，在這里我們使用的版本是iverilog-0.9.7_setup.exe (latest stable release)，在 Icarus Verilog 這個網站上有關於該編譯器和Verilog語言的更多信息 。
後端
這些步驟非常枯燥乏味。
1. 安裝icarus-verilog-on-windows。請記下安裝目錄，例如我的安裝目錄為F:\iverilog\，（下 面我也將以此目錄為例）。注意安裝過程中會有可選擇的項， 請勾選上所有項 ，尤其是 和 gtkwave 相關的項
2. 打開控制台，輸入命令iverilog，若顯示』iverilog: no source files.』字樣則執行第 4 步；否則執 行第 3 步
3. 配置系統變數。將F:\iverilog\bin\這一路徑加到系統的Path變數中,執行第二步，觀察輸出是否 為』iverilog: no source files.』
4. 當iverilog命令輸出正常後，我們就可以用它來編譯運行verilog源文件了，編寫如下三個文件
文件名：dff.v
文件名：tester.v
文件名：testbench.v
5. 將上述三個文件放在同一個文件夾下，打開控制台，進入該目錄，輸入iverilog testbench.v， 此時應當沒有任何輸出，再次進入該文件夾，發現多出了一個名為a.out的文 件，這個文件就是 我們編譯testbench.v得到的目標文件
6. 在控制台輸入vvp a.out,輸出』VCD info: mpfile dff.vcd opened for output.』字樣，此命令 是執行我們剛剛編譯生成的a.out再次進入該文件夾，發現多出來了一個名為dff.vcd的文 件，這個文件是我們執行a.out後生成的波形文件
7. 在控制台輸入gtkwave dff.vcd觀察波形。如果發現沒有波形，不要驚慌，在窗口右側上選擇某 一個mole，然後在右下選擇某一個變數，再點擊insert就可以看到輸出的波 形了
到這里，我們已經完成了這個簡易的IDE的後端的操作
前端
前端的搭建完全依靠Sublime Text 3豐富的插件。
1. 安裝Sublime Text 3。 後面我將其簡稱為ST ，就像安裝QQ一樣，一路點next就好了
2. 安裝關鍵詞高亮插件。用ST打開一個verilog文件（後綴名為.v）中，發現是沒有高亮顯示的， 按ctrl+shift+p，調出ST的包管理窗口，輸入install package，再輸入verilog後找到對應的 項，回車，等待安裝完成，重啟ST，再次打開一個verilog文件，發現已經可以高亮顯示了
3. 綁定快捷鍵編譯。打開ST，Preference—>Browse Packages—>找到User文件夾，將 這個文 件 （ 訪問密碼 7f77）放到該文件夾下
4. 再次重啟ST，隨便打開一個verilog文件，按ctrl+b，就可以編譯該文件了，編譯正確輸出ST會 有」[Finished in 0.6s]」類似的輸出，如果出現其他情況，作如下設置Tools—>Build System- >Verilog，其效果和在控制台輸入iverilog xxx.v是一樣的，都會在文件目錄下生成編譯後的 a.out文件
5. 其實，到這一步就可以了，我們可以在ST中編寫編譯好verilog文件後，再打開控制台運行、查 看波形，但是這樣仍然不夠方便，那麼可不可以直接在ST中運行、查看波形呢？其實，我們只 需要在ST中可以運行控制台命令就可以了，幸運的是，ST為我們提供了這樣的插件。
6. 安裝SublimeREPL插件。同安裝關鍵詞高亮插件一樣，按ctrl+shift+p，調出ST的包管理窗 口，輸入install package，再輸入SublimeREPL後找到對應的項，回車，等待安裝完成，重啟 ST，然後ctrl+shift+p，輸入sublimeREPLshell(sublimeREPLPowerShell也可以)，在新打開 的ST標簽頁中就可以運行cmd命令了（把這個標簽頁放在下面是個不錯的選擇，可以參考一下 下面的圖片）。
至此，所有步驟已經結束。下面是我的簡易IDE截圖
在的第一篇文章，從自己博客園轉過來的。今天放假了，好開心。
2. 前端sublime3需要安裝什麼插件
1.emmet--前身Zen coding：HTML/CSS代碼快速編寫神器
2.jQuery Package for sublime Text
3.JS FormatJS代碼格式化插件
4.Sublime CodeIntel代碼自動提示
5.Bracket Highlighter類似於代碼匹配，可以匹配括弧，引號等符號內的范圍。
6.Git
7.Alignment--對齊代碼，包括 PHP、CSS 和 Javascript.
8.Trmmer--自動刪除代碼中不必要的空格
9.FileDiffs--對比文件差異。包括剪貼板中復制的數據
3. 怎樣使用sublime開發前端
1、先從啟動速度說，Dreamweaver是遠遠沒有Sublime啟動的快，這也是我喜歡用Sublime的原因之一。
2、在頁面展示方面，Sublime可以選擇性展示側邊欄，這一點和Notepad++有點像，而Dreamweaver沒有。
3、在注釋代碼方面，Sublime可以使用快捷鍵Ctrl+L（不區分大小寫）可以對html、js、css、等注釋，而不必想Dreamweaver那樣還有考慮一下它是什麼類型的代碼。
4、在視覺效果方面，Dreamweaver雖然也能改變背景色代碼顏色什麼的，但還是沒有Sublime來的方便直接，你可以選擇自己喜歡的展現方式去高亮顯示你的代碼。
4. 前端開發需要配置什麼環境
web前端開發環境的搭配：
A、Sublime3安裝配置：
Sublime跨平台的前端開發神器,是一個共享軟體,免費使用；下載最新Sublime3安裝包；
-官網地址:http://www.sublimetext.com/
-安裝包管理器
打開Sublime3控制台,ctrl+~
輸入安裝包管理器命令代碼，注意需要聯網才能安裝,因為是在線下載包
包管理器的官網地址:https://packagecontrol.io
-安裝第三方插件(包)
打開命令面板:ctrl+shift+p；
輸入install,然後回車，然後可以搜索想要的插件,回車安裝；Atom工具使用
B、Atom工具使用：
由github發布的前端開發工具，集成了chrome的調試工具，是一款非常強大和開發的開發工具平台。在file裡面的setting裡面進行設置,包括字體的大小,快捷鍵,背景顏色主題等；
官網地址：https://atom.io/
C、WebStorm10的安裝與使用：
WebStrom是最專業的前端IDE開發工具，是一個非常重量級的開發工具,是專業為我們前端設計的IDE,用他來開發是效率非常高；
D、總結三款開發工具的優劣：
Sublime3:需要安裝第三方的包，一般。Atom：集成度非常好，也很輕，需要自己安裝第三方的包。Webstrom：大項目，建議使用webstrom，非常強大，但是也很重。
5. 請問1+X前端初級考試時一般用到哪個軟體，sublime3還是Hbuilder
這兩個其實沒多大區別，唯一的區別就是，Hbuilder加了個將web打包成Android Web App？
這個東西意義不大，打包了性能很低，稍微差一點的手機說不定點個按鈕幾秒才響應，而且個人認為sublime text更方便，有各種插件，生態很好
6. 如何使用sublime text 3
Sublime Text：款具代碼高亮、語提示、自完且反應快速編輯器軟體僅具華麗界面支持插件擴展機制用寫代碼絕種享受相比於難於手Vim浮腫沉重EclipseVS即便體積輕巧迅速啟Editplus、Notepad++SublimeText面前略顯失色疑款性比編輯器CodingWriting佳選擇沒 原文首鏈請移步何優雅使用Sublime Text;更新於2015.12.15晚 (能簡書文章添加目錄額折騰醉)目錄結構： 何優雅使用Sublime Text 目錄結構 Sublime Text 23比 Sublime Text 3安裝插件 Sublime Text 3插件推薦 定製屬於自快捷鍵 Sublime知實用技巧 定製屬於自性化主題 Sublime錦添花些許設置 寫路更結語 Sublime Text 23比 相比於2Sublime Text 3秒啟項壓倒性勝利敘述都Sublime Text 3主角並且3直斷完善更新具體差異參看Sublime Blog.簡單說： ST3支持項目目錄面尋找變數 提供標簽頁更支持（更命令快捷鍵） 加快程序運行速度 更新API使用Python3.3 強烈推薦朋友使用3! 唯快破解釋 Sublime Text 3安裝插件 Sublime Text強擁強課擴展性您根據自需要安裝同插件；使變比強同失輕便 插件安裝式：直接安裝： 安裝Sublime text 3插件便直接載安裝包解壓縮Packages目錄（菜單->preferences->packages） 插件安裝式二：使用Package Control組件安裝： 按Ctrl+`調console（註：安裝QQ輸入快捷鍵沖突輸入屬性設置-輸入管理-取消熱鍵切換至QQ拼音）粘貼代碼底部命令行並車： import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( '中國sublime.wbond.net/' + pf.replace(' ','%20')).read()) 重啟Sublime Text 3Perferences->package settings看package control項則安裝功按Ctrl+Shift+P調命令面板輸入install 調 Install Package 選項並車列表選要安裝插件 PS：內使用SublimeText3經能遇安裝用插件問題remove掉Package Control重新安裝；遇連Package Control安裝則別處拷貝份關於Package Control文件－(Package Control.sublime-package)存放於Installed Packages目錄即 Sublime Text 3插件推薦 插件神器根據自需要定製屬於自強插件集；作移端舊游Web端新游自牆裂推薦幾款插件： MarkDown Editing SublimeText僅僅能夠查看編輯 Markdown 文件視格式糟糕純文本插件通適顏色高亮其功能更完些任務關於何SublimeText高效些東西參見文章：sublime text 2(3)Markdown寫作 抑或前段間寫追尋高效工作路折騰二 SideBarFolders 打文件夾都太? 用管理文件夾世界原美 SideBarFolders Sublime Terminal 插件讓Sublime直接使用終端打項目文件夾並支持使用快捷鍵 ColorPicker 通想使用顏色選擇器則能打 Photoshop 或 GIMP Sublime Text 使用內置顏色選擇器安裝完要按Ctrl / Cmd + Shift + C 快捷鍵 SublimeREPL 能程序員用插件SublimeREPL 允許 Sublime Text 運行各種語言（NodeJS PythonRuby Scala Haskell 等等） Ctags插件 童鞋抱怨Sublime Text能支持函數跳轉（比像Eclipse按住Control點擊該或者象即跳轉定義； Alt+←即原處）其實Sublime Text藉助插件實現（些情況:Can not find defination）畢竟藉助則匹配完要求代碼規范插件相講些麻煩具體參見:Sublime Text ctags 配置. SublimeLinter插件 SublimeLinter 前端編碼利器——Sublime Text 款插件用於高亮提示用戶編寫代碼存規范錯誤寫支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十種發語言篇文章介紹何 Windows 配置 SublimeLinter 進行 JS & CSS 校驗 比寫例像lua弱語言腳本代碼規避掉該低級錯誤吧需要SublimeLinter安裝完畢再安裝SublimeLinter-lua即具體使用參見：藉助 SublimeLinter 編寫高質量 JavaScript & CSS 代碼 SideBarEnhancements插件 SideBarEnhancements款實用右鍵菜單增強插件；安裝該插件前Sublime Text左側FOLDERS欄點擊右鍵寥寥幾簡單功能；安裝相於給其豐胸般 更強該插件能讓我自定義快捷鍵呼某瀏覽器預覽頁面用項目目錄尋找拖特定瀏覽器預覽 安裝插件點擊菜單欄preferences->package setting->side bar->Key Building-User鍵入代碼： [ { "keys": ["ctrl+shift+c"], "command": "_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } } ] 設置按Ctrl+Shift+C復制文件路徑按F2即Chrome瀏覽器預覽效(需要根據自需要FirefoxSafariIEOpera等加)自定義喜歡快捷鍵注意代碼瀏覽器路徑要自電腦文件路徑准 HTML-CSS-JS Prettify 款集格式化（美化）html、css、js三種文件類型插件即便html,js寫PHP文件內插件依賴於nodejs需要事先安裝nodejs才運行插件安裝完快捷鍵ctrl+shift+H完前文件美化操作插件html、css文件美化非滿意麵說明何修改css美化腳本本用起超級爽鑒於篇幅贅述參見篇介紹 CSScomb CSS屬性排序: 候看看自寫CSS文件覺屬性亂查找易維護難CSScomb按照定CSS屬性排序規則雜亂章CSS屬性進行重新排序選要排序CSS代碼按Ctrl+Shift+C即CSS屬性重新排序代碼簡潔序易維護款選代碼則插件排序文件所CSS屬性自自定義CSS屬性排序規則打插件目錄CSScomb.sublime-settings文件更改面CSS屬性順序行插件使用PHP寫要使工作需要環境變數添加PHP路徑具體請看github說明 SublimeTmpl 快速文件模板 直都奇怪sublime text 3沒新建文件模板功能像html部DTD聲明每都要復制粘貼用SublimeTmpl款插件終於解脫SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型文件模板所文件模板都插件目錄templates文件夾自定義編輯文件模板 SublimeTmpl默認快捷鍵: ctrl+alt+h html ctrl+alt+j javascript ctrl+alt+c css ctrl+alt+p php ctrl+alt+r ruby ctrl+alt+shift+p python 想要新建其類型文件模板先自定義文件模板templates文件夾再別打Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings四文件照著面格式自定義想要新建類型詳細介紹請各位自折騰哈~ Javascript-API-Completions: 支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標簽屬性提示插件少數支持sublime text 3綴提示插件HTML5標簽提示sublime text3自帶JQuery提示用處設置要提示語
7. 前端開發常用哪些工具軟體
前端開發的編譯器在選擇上還是很多的。在學校里，老師主要講三個前端開發軟體：
1、WebStorm
幫助編寫HTML、CSS、Less、Sass和Stylus代碼，並且支持Node.js和主流框架，如React、Angular、Vue.js、Meteor等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。但是付費軟體。
2、IntelliJ idea
頁面很簡單，乍一看像是一個記事本，它也確實可以當記事本用。有很多特色插件可以使用，支持多種編程語言的語法高亮顯示，具有代碼折疊功能。
2、HBuilderX
HBuilderX是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。是HBuilder下一代版本，具有輕便、適合vue框架的特點。
8. 為什麼前端工具很多人使用sublime
Package control 插件管理
sublime text非常強大的插件管理的插件，按下Ctrl+Shift+P，輸Package control就可以選擇插件的安裝、管理、刪除等操作，因為sublime text 3的插件需要基於pyhone 3編寫，所以用sublime text 2的安裝方法不管用。
此外，安裝sublime text 3的插件還可以在github上下載源文件，解壓後改名放到C:UsersMr.DenGo(你的電腦名)AppDataRoamingSublime Text 3Packages 中重啟sublime text 3即可生效。
BracketHighlighter 高亮顯示匹配的括弧、引號和標簽
BracketHighlighter這個插件能在左側高亮顯示匹配的括弧、引號和標簽，能匹配的[] , () , {} , "" , '' , <tag></tag>等甚至是自定義的標簽，當看到密密麻麻的代碼分不清標簽之間包容嵌套的關系時，這款插件就能很好地幫忙理清楚代碼結構，快速定位括弧，引號和標簽內的范圍。
9. 如何優雅地使用 Sublime Text 3
Sublime Text：一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。相比於難於上手的Vim，浮腫沉重的Eclipse，VS，即便體積輕巧迅速啟動的Editplus、Notepad++，在SublimeText面前大略顯失色，無疑這款性感無比的編輯器是Coding和Writing最佳的選擇，沒有之一。
原文首鏈，請移步這里如何優雅地使用Sublime Text;最後更新於2015.12.15晚 (不能為簡書文章添加目錄？，額，折騰不出來，醉了)，但目錄結構還是可以有的：
如何優雅地使用Sublime Text 之 目錄結構
Sublime Text 2和3的對比
Sublime Text 3安裝插件
Sublime Text 3插件推薦
定製屬於自己的快捷鍵
Sublime不可不知的實用技巧
定製屬於自己的個性化主題
Sublime錦上添花些許設置
寫在一路更來的結語
Sublime Text 2和3的對比
相比於2，Sublime Text 3就秒啟動一項，就壓倒性地勝利了。因此在之後的敘述中都以Sublime Text 3為主角。並且3一直在不斷的完善更新，具體的差異可參看Sublime Blog.簡單的說：
ST3支持在項目目錄裡面尋找變數
提供了對標簽頁更好地支持（更多的命令和快捷鍵）
加快了程序運行的速度
更新了API，使用Python3.3
強烈推薦朋友們使用3! 唯快不破，不解釋。
Sublime Text 3安裝插件
Sublime Text的強大就是她擁有強大的課可擴展性。您可根據自己的需要安裝不同的插件；這使得她變的無比強大的同時又不失輕便。
插件安裝方式一：直接安裝：
安裝Sublime text 3插件很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。
插件安裝方式二：使用Package Control組件安裝：
按Ctrl+`調出console（註：安裝有QQ輸入法的這個快捷鍵會有沖突的，輸入法屬性設置-輸入法管理-取消熱鍵切換至QQ拼音）粘貼以下代碼到底部命令行並回車：
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
重啟Sublime Text 3。如果在Perferences->package settings中看到package control這一項，則安裝成功。按下Ctrl+Shift+P調出命令面板輸入install 調出 Install Package 選項並回車，然後在列表中選中要安裝的插件。
PS：國內使用SublimeText3，經常可能遇到無法安裝可用插件問題，可remove掉Package Control重新安裝下；如遇到連Package Control也無法安裝，則可以在別處拷貝一份關於Package Control的文件－(Package Control.sublime-package)存放於Installed Packages目錄之下即可。
Sublime Text 3插件推薦
無插件，不神器！根據自己的需要定製屬於自己的強大插件集；作為在移動端舊游之後，又Web端新游的自己，牆裂推薦以下這么幾款插件：
MarkDown Editing
SublimeText不僅僅是能夠查看和編輯 Markdown 文件，但它會視它們為格式很糟糕的純文本。這個插件通過適當的顏色高亮和其它功能來更好地完成這些任務。關於如何在SublimeText下高效些東西可參見文章：sublime text 2(3)下的Markdown寫作 抑或是前段時間寫下的追尋高效工作的一路折騰二
SideBarFolders
打開的文件夾都太多了? 來用這個來管理文件夾，世界原來也可以這么美好。
SideBarFolders
Sublime Terminal
這個插件可以讓你在Sublime中直接使用終端打開你的項目文件夾，並支持使用快捷鍵。
ColorPicker
通常，如果你想使用一個顏色選擇器則可能打開 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用內置的顏色選擇器。安裝完成後，只要按下Ctrl / Cmd + Shift + C 快捷鍵。
SublimeREPL
這可能是對程序員很有用的插件。SublimeREPL 允許你在 Sublime Text 中運行各種語言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。
Ctags插件
有童鞋抱怨Sublime Text不能支持函數的跳轉（比如像Eclipse那樣，按住Control點擊該方法或者對象，即可跳轉到定義的地方； Alt+←即可回到原處）。其實Sublime Text也可以藉助插件實現之（當然，有些情況下:Can not find defination）畢竟這個也是藉助正則來匹配完成的。因此這個也就要求代碼很規范。這個插件相對來講會有些麻煩，具體的可以參見:Sublime Text ctags 的配置.
SublimeLinter插件
SublimeLinter 是前端編碼利器——Sublime Text 的一款插件，用於高亮提示用戶編寫的代碼中存在的不規范和錯誤的寫法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發語言。這篇文章介紹如何在 Windows 中配置 SublimeLinter 進行 JS & CSS 校驗。
比如寫例如像lua這樣的弱語言腳本代碼，有這個可以規避掉很多不該有的低級錯誤吧？當然這也需要你SublimeLinter安裝完畢之後再安裝一個SublimeLinter-lua即可。具體的使用可以參見：藉助 SublimeLinter 編寫高質量的 JavaScript & CSS 代碼
SideBarEnhancements插件
SideBarEnhancements是一款很實用的右鍵菜單增強插件；在安裝該插件前，在Sublime Text左側FOLDERS欄中點擊右鍵，只有寥寥幾個簡單的功能；安裝了就相當於給其豐了大胸一般。
更強大的是，該插件還能讓我們自定義快捷鍵呼出某個瀏覽器以預覽頁面！這樣就不用到項目目錄下尋找和拖動到特定瀏覽器中預覽了。
安裝此插件後，點擊菜單欄的preferences->package setting->side bar->Key Building-User，鍵入以下代碼：
[
{ "keys": ["ctrl+shift+c"], "command": "_path" },
//chrome
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions":".*"
}
}
]
這里設置按Ctrl+Shift+C復制文件路徑，按F2即可在Chrome瀏覽器預覽效果(如果需要的話，也可以根據自己的需要為Firefox，Safari，IE，Opera等加上)，當然你也可以自己定義喜歡的快捷鍵，最後注意代碼中的瀏覽器路徑要以自己電腦里的文件路徑為准。
HTML-CSS-JS Prettify
一款集成了格式化（美化）html、css、js三種文件類型的插件，即便html,js寫在PHP文件之內。插件依賴於nodejs，因此需要事先安裝nodejs，然後才可以正常運行。插件安裝完成後，快捷鍵ctrl+shift+H完成當前文件的美化操作。插件對html、css文件的美化不是非常滿意，但還可以，後面將說明如何修改css美化腳本。本人用起來超級爽的，鑒於篇幅，就不贅述，可以參見這篇介紹。
CSScomb CSS屬性排序:
有時候看看自己寫的CSS文件，會不會覺得屬性很亂查找不易維護難？CSScomb可以按照一定的CSS屬性排序規則，將雜亂無章的CSS屬性進行重新排序。選中要排序的CSS代碼，按Ctrl+Shift+C，即可對CSS屬性重新排序了，代碼從此簡潔有序易維護，如果不款選代碼則插件將排序文件中所有的CSS屬性。當然，可以自己自定義CSS屬性排序規則，打開插件目錄里的CSScomb.sublime-settings文件，更改裡面的CSS屬性順序就行了。因為這個插件使用PHP寫的，要使他工作需要在環境變數中添加PHP的路徑，具體請看github上的說明。
SublimeTmpl 快速生成文件模板
一直都很奇怪為什麼sublime text 3沒有新建文件模板的功能，像html頭部的DTD聲明每次都要復制粘貼。用SublimeTmpl這款插件終於可以解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板，所有的文件模板都在插件目錄的templates文件夾里，可以自定義編輯文件模板。
SublimeTmpl默認的快捷鍵:
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+alt+shift+p python
如果想要新建其他類型的文件模板的話，先自定義文件模板方在templates文件夾里，再分別打開Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件照著裡面的格式自定義想要新建的類型，這里就詳細介紹了，請各位自己折騰哈~
Javascript-API-Completions:
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標簽屬性提示的插件，是少數支持sublime text 3的後綴提示的插件，HTML5標簽提示sublime text3自帶，不過JQuery提示還是很有用處的，也可設置要提示的語言。
看此文章
http://www.jianshu.com/p/3cb5c6f2421c
10. sublime text 3寫前端怎麼運行
Sublime Text 3怎麼運行JavaScript Mac版
http://jingyan..com/article/5d6edee2e2b5ce99eadeecbd.html