sublime text3使用心得

http://www.cnblogs.com/bananaplan/p/Sublime-Text-3-Powerful.htmlcss

安裝部分

1.不要使用網上破解版,否則不少遺留問題,特別是控制器裝不了html

2.方法a.前端

輸入圖片說明

方法b.git

在perference下的 Packages/Package Control/setting-user/插入github

"channels":
[
"https://packagecontrol.io/channel_v3.json",
"https://web.archive.org/web/20150905194312/https://packagecontrol.io/channel_v3.json"
],

ps:記得在上面的加個‘,’web

相關連接

http://www.javashuo.com/article/p-nnshllec-u.htmljson

http://www.zhihu.com/question/24736400segmentfault

插件相關sublime-text

1.格式化代碼瀏覽器

使用Sublime text 3 編寫代碼種享受使用Sublime text 3 格式化HTML代碼須要安裝插件具體安裝步驟:

* 打菜單->首選項->插件控制輸入 install package
	* 等待程序進入插件管理功能再輸入插件名稱:TAG
	* 點擊安裝插件
	* 插件安裝功須要格式化HTML代碼選代碼按Ctrl+Alt+F代碼進行格式化

2.經常使用插件

* SublimeLinter = 錯誤語法
* JsMinifier =自動壓縮js文件
* Sublime CodeIntel =代碼自動提示
* Bracket Highlighter =代碼匹配
* CSScomb CSS =屬性排序
* SublimeTmpl =快速生成文件模板
* SideBarEnhancements =設置sublime text2/3支持瀏覽器預覽
* ColorPicker =調色盤
* Tag = Html格式化
* Clipboard History = 剪貼板歷史記錄
* SideBarEnhancements = 側欄右鍵功能加強
* GBK to UTF8 =GBK轉黃成UTF8
* SFTP =ftp插件
* WordPress = WordPress函數
* PHPTidy =排版PHP代碼
* YUI Compressor =壓縮JS和CSS文件
* Alignment =代碼對齊
* Emmet =大名鼎鼎呀
* Prefixr =css自動添加 -webkit 等私有詞綴

1.Package Control:這個是必須裝的,就很少解釋了

2.Emmet:原來的Zen Coding,功能太多,絕對神器,基本知足前端大部分代碼習慣和強迫症需求

3.Alignment:等號對齊。這個是在作信安的時候發現的插件,用了PBC庫之後基本全部代碼都變成X=Y,有了這個插件代碼要清晰地多

4.FileDiffs:這個是用來比較文件差別的。手下的幾個碼農的代碼風格與本身並不相同,常常代碼彙總過來我都不知道他們改了什麼,這個插件仍是很給力的。

5.JsFormat:Js代碼格式化。用原生Js的朋友可能須要

6.AutoPrefixer:用於CSS後處理,前端代碼的話可能有Emmet就夠了,這個主要是補上一些瀏覽器前綴神馬的

7.CSScomb:這個是CSS的屬性排序用的,徹底屬於我的強迫症需求,不過代碼規範化仍是徹底有必要的

https://github.com/jikeytang/sublime-text

https://www.zhihu.com/question/3160935四、

主題:http://www.open-open.com/lib/view/open1455412637589.html

相關文章
相關標籤/搜索