登陸官網下載地址:http://www.sublimetext.com/
安裝插件: ctrl + shift + p
## 安裝風格:
https://packagecontrol.io/
先安裝Install Package ,有可能安裝不上,解決辦法:首頁項瀏覽插件刪除Package Control,然后在https://github.com/wbond/package_control 下載,Package Control,復制到Sublime Text 3x64\Data\Packages\目錄下面在安裝
推薦:Spacegray
## 安裝圖片庫:
install Package
a file icon
## 卸載之前安裝的插件
remove

## 安裝emmet插件(快速書寫html css)
eg:
div#hd>ul>li.item$*5>a[href='http://www.baidu.com']{百度}
<div id="hd">
<ul>
<li class="item1"><a href="http://www.baidu.com">百度</a></li>
<li class="item2"><a href="http://www.baidu.com">百度</a></li>
<li class="item3"><a href="http://www.baidu.com">百度</a></li>
<li class="item4"><a href="http://www.baidu.com">百度</a></li>
<li class="item5"><a href="http://www.baidu.com">百度</a></li>
</ul>
</div>
## 安裝SideBarTools 文件管理插件
https://packagecontrol.io/packages/SideBarTools
## 常用插件:
emmet 快速編寫插件
docblockr 代碼注釋提示插件
SideBarTools 文件管理插件
AdvancedNewFile 快速創建文件插件
sideBarEnHancements 擴展左側面板
Local History 本地歷史記錄
Laravel 5 Artisan 命令行插件 ctrol+shift+p 搜索創建
Laravel 5 Snippets laravel代碼片段提示
Laravel Blade Highlighter : laravel blade 模版高亮
Blade Snippets :blade 代碼片段
Laravel Blade AutoComplete 自動識別Blade父級模版內容
Bootstrap 4 Snippe : Bootstrap片段
## Less
如果沒有安裝,先安裝node.js https://nodejs.org/zh-cn/
編輯環境
npm install -g less@2.7.3
npm install -g less-plugin-clean-css
npm install -g less-plugin-autoprefix
lessc
mac&linux 系統中使用sudu 安裝
設置好之后,在命令行中輸入lessc ,如果有下面提示表示設置成功:

安裝插件
sublime需要安裝兩個插件一個是編譯less文件,一個是語法高亮
1.Less2Css
2.LESS
這時就可以在sublime Text中打開或者新建一個less文件,按下Ctrl+s保存,此時就會在less文件的項目目錄下面生成同名文件css.
## 格式化
首先通用以下路徑打開用戶按鍵綁定文件:
Preferences->key Bindings -User
然后在其中添加以下代碼(如果你有需要的話,其中的快捷鍵組合是可以自己定義的):
[
//格式化代碼,single_line參數刪除時,格式化只影響當前光標所在的行
{"keys":["ctrl+alt+;"],"command":"reindent","args":{"single_line":false}}
]
## 函數
默認情況下,sublime Text 支持函數快速查找,按下Ctrl+shift+R打開查找面板,就可以快速定位函數所在的文件,如果按照了emmet插件將會失效,我們需要做以下操作進行修改。
編輯emmet插件配置項:emmet-settings-user
{"disabled_keymap_actions":"reflect_css_value"}
## 快捷鍵
使用快捷鍵可以顯著提高開發效率,所以還是要必須要掌握的。
1.搜索文件 : ctrl+p 輸入文件名
2.搜索函數/方法 : ctrl+p 輸入文件名@方法名 如User@show
3.跳轉到指定的行: ctrl+p 輸入文件名:行號,只輸入:時在當前文件跳轉
4.查找當前文件方法 : ctrl+r
5.返回/前進編輯位置 : alt+-, alt+shift+-
6.切換便簽頁:ctrl+pgup ,ctrl+pgdn
7.選擇單詞 :ctrl +d
8.以單詞為單位快速移動光標:ctrl + 左方向鍵,ctrl+右方向鍵
9.選中當前行 :ctrl + l
10.跳轉到第幾行 : ctrl+G
11.跳轉到對應括號:ctrl+M
12.關閉側欄 : ctrl+k+b
13.選中當前括號內容,重復可選著本身:ctrl+shift+m
14.注釋當前html標簽塊:ctrl+shift+/
15.專注編寫模式:shift+F11
16.分屏顯示 : alt+shift+數字
17.ctrl+enter 在下一行插入新行,舉個例子:即使光標不在行尾,也能快速向下插入一行
18.ctrl+shift+enter 在上一行插入新行,舉個例子:即使光標不在行尾,也能快速向上插入一行
19.ctrl+shift+【 選中代碼,按下快捷鍵,折疊代碼。
20.ctrl+shift+] 選中代碼,按下快捷鍵,展開代碼。
- html&jquery網頁特效
- 標簽分類及特點
- 關于文字標簽
- 網頁定時跳轉
- css透明度和插件
- 0.前端常用工具
- 1.tab切換效果
- 2.tab切換效果多個代碼復用
- 3.百度新聞導航條效果
- 4.解決鼠標移入過快的問題
- 5.滾動條位置
- 6.元素尺寸
- 7.全選反選操作
- 8.固定定位
- 9.開關效果
- 10.節點操作
- 11.仿小米商品展示效果
- 12.仿小米商品展示效果復用
- 13.固定導航欄效果
- 14.凡客輪播圖效果
- 15.頂部下滑廣告效果
- 16.京東左右滑動輪播圖
- 17.京東左右滑動無縫輪播圖
- 18.選擇器
- 19.篩選
- 20.開關效果
- 21.滑動效果
- 22.小米商品效果css實現
- 23.元素水平垂直居中
- laravel5.6
- LARAVEL 介紹&安裝
- javascript & css 腳手架
- php常用工具類
- 安裝laravel-ide-helper增強代碼提示
- 使用migration創建表和數據填充
- 解決mysql5.7以下laravel不能執行數據遷移的問題
- 路由
- 登陸操作自定義模型
- 使用中間件middleware進行登錄權限驗證
- 進行表單驗證處理
- 使用laracasts-flash定制消息提示
- 資源路由
- 寶塔面板安裝fileinfo擴展
- laravel上傳處理與使用hdjs快速實現前端上傳組件
- thinkphp
- phpstorm
- phpstorm安裝插件
- 定義快捷鍵
- 關閉提示
- 將代碼實時同步到遠程服務器
- sublime
- composer
- git使用
- git安裝和配置作者信息
- git新建項目和維護項目
- git日志操作
- git別名操作
- git分支操作
- git生成發布壓縮包
- git系統別名
- gitrebase操作
- 使用SSH與GITHUB遠程服務器進行無密碼連接
- 本地版本庫主動使用remote與遠程GITHUB進行關聯
- 本地分支與GITHUB遠程分支同步
- 項目實戰-新入職員工參與項目開發時分支使用
- 自動部署
- ios開發
- linux
- 1.centos6.5 mysql忘記登入密碼
- html5
- 標簽
- 表單
- 音頻與視頻
- webstorage儲存
- canvas
- css3
- 01.CSS3布局
- 02.transition動畫
- 03.animation動畫
- 04.flex彈性盒模型
- Less
- gulpjs
- es6
- ES6模塊化
- let和const命令
- ES6函數擴展&解構賦值
- JavaScript之數據遍歷
- class類
- Set和Map數據結構
- Vue
- 1.創建第一個應用
- 2.屬性動態綁定
- 3.表達式
- 4.解決phpstorm不識別ECMASCRIPT6語法的問題
- 5.watch監聽屬性
- 6.使用object與array控制class
- 7.條件渲染
- 8.循環
- 9.變異方法
- 10.事件
- 11.表單
- 12.組件
- 13.css過渡動
- 14.js庫控制vue過渡動作
- 15.自定義指令directive
- 16.使用vue-cli初始化單頁面應用
- 17.Vue-router路由
- 18.vuex
- 19.vue-cli
- webpack
- zanui
- nodejs