1.安裝Sublime Text3
1.下載安裝文件http://www.sublimetext.com/3
2.選擇電腦操作系統(tǒng)對應的安裝包下載
3.安裝Package Control管理包
4.打開https://packagecontrol.io/installation,選擇Sublime Text3下面代碼復制
5.打開Sublime Text3--View--Show Console--粘貼代碼并回車
6.等待下載完成會顯示如下代碼:
1 missing dependency was just installed.
Sublime Text should be restarted,
otherwise one or more of the installed packages may not function properly.
Package Control: No updated packages
7.重啟Sublime Text3
2.安裝漢化版插件
1.打開命令模式安裝新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.輸入ChineseLocalization(回車或者鼠標單擊擊)
3.安裝插件介紹
1.一般安裝插件要先去首頁看下主題的樣式https://packagecontrol.io/browse
2.根據(jù)主頁分類進行查找
1.Trending 下載趨勢最快的插件
2.News 新的插件
3.Popular 最流行的插件
4.Labels 通過標簽分類的插件
5.Authors 根據(jù)作者分類的插件
6.Updated 更新的插件
3.我們想安裝主題,所有在Labels下方找到theme
4.熱門主題名稱
1.soda 蘇打
2.flatland 平原
3.spacegray 空間
5.也可通過搜索框進行搜索
4.安裝主題插件
1.打開命令模式安裝新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.輸入theme(主題)-主題名稱,我喜歡theme-spacegray主題樣式(回車或者鼠標單擊擊)
3.自動打開一個配置文件,我比較喜歡Spacegray Eighties的樣式,
復制Spacegray Eighties樣式下大括號的內(nèi)容。
4.首選項--設置-用戶--在中括號后面加上","+粘貼的內(nèi)容
5.安裝emmet插件,作用快速生成HTML
1.打開命令模式安裝新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.輸入emmet(回車或者鼠標單擊擊)
3.測試ul#test>li*4+Tab,html:5+Tab,如果成功安裝完成,否則繼續(xù)4、5
4.如何搜索框沒有emmet相關內(nèi)容,手動把emmet-sublime-master文件夾復制到
C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages下面
5.詳情請看http://www.cnblogs.com/tinyphp/p/3217457.html
6.安裝JavaScript & NodeJS Snippets,自動補全JS代碼
1.打開命令模式安裝新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.輸入JavaScript & NodeJS Snippets(回車或者鼠標單擊擊)
3.Js代碼縮寫補全
https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets
4.常用縮寫
在DOM中
按Tab可以切換編輯
1.gi+enter
document.getElementById('id');
2.gt+enter
document.getElementsByTagName('tag');
3.gc+enter
document.getElementsByClassName('class');
7.安裝JQuery,自動補全JQuery代碼,增加JQuery的提示框
1.打開命令模式安裝新插件
①Preferences--Package Control--Package Control:Install Package--enter
②ctrl+shift+p--Package Control:Install Package--enter
2.輸入JQuery(回車或者鼠標單擊擊)