婷婷网站91,伊人夜夜久久,久久久久久福利视频

u=4219455261,1832029135&fm=26&gp=0.jpg

Sublime Text 是一個文本編輯器（收費(fèi)軟件，可以無限期試用，但是會有激活提示彈窗），同時也是一個先進(jìn)的代碼編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計為一個具有豐富擴(kuò)展功能的Vim。

Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)。

一、安裝

Sublime Text官方網(wǎng)站提供了Sublime Text各系統(tǒng)各版本的下載，目前Sublime Text的最新版本是Sublime Text 3。這里以Windows版本的Sublime Text安裝為例。
注意: 在安裝時勾選Add to explorer context menu，這樣在右鍵單擊文件時就可以直接使用Sublime Text打開。

image.png

添加Sublime Text到環(huán)境變量

使用Win + R運(yùn)行sysdm.cpl打開“系統(tǒng)屬性”。

image

然后在“高級”選項卡里選擇“環(huán)境變量”，編輯“Path”，增加Sublime Text的安裝目錄（例如D:Program FilesSublime Text 3）。

image

接下來你就可以在命令行里面利用subl命令直接使用Sublime Text了：

subl file :: 使用Sublime Text打開file文件
subl folder :: 使用Sublime Text打開folder文件夾
subl . :: 使用Sublime Text當(dāng)前文件夾

二、插件安裝

Sublime Text的強(qiáng)大就是她擁有強(qiáng)大的課可擴(kuò)展性。您可根據(jù)自己的需要安裝不同的插件；這使得她變的無比強(qiáng)大的同時又不失輕便。

1. 插件安裝方式一：直接安裝：

安裝Sublime text3插件很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。

2. 插件安裝方式二：使用Package Control組件安裝：

按Ctrl+`調(diào)出console（注：安裝有QQ輸入法的這個快捷鍵會有沖突的，輸入法屬性設(shè)置-輸入法管理-取消熱鍵切換至QQ拼音）粘貼以下代碼到底部命令行并回車：

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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)

等待Package Control安裝完成。之后使用Ctrl + Shift + P打開命令板，輸入PC應(yīng)出現(xiàn)Package Control：

image.png

成功安裝Package Control之后，我們就可以方便的安裝使用Sublime Text的各種插件：

image.png

三、Sublime Text 3插件推薦

插件一裝，神器我有！根據(jù)自己的需要定制屬于自己的強(qiáng)大插件集；下面是一些常用的推薦。
實用的sublime插件集合

1. Emmet

$\color{#4285f4}{功能：}$ 編碼快捷鍵，前端必備

$\color{#ea4335}{簡介：}$ Emmet作為zen coding的升級版，對于前端來說，可是必備插件，如果你對它還不太熟悉，可以在其官網(wǎng)上看下具體的演示視頻。

$\color{#34a853}{使用：}$ 教程-http://docs.emmet.io/cheat-sheet/、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

2.gif

2. JSFormat

$\color{#4285f4}{功能：}$ Javascript的代碼格式化插件

$\color{#ea4335}{簡介：}$ 很多網(wǎng)站的JS代碼都進(jìn)行了壓縮，一行式的甚至混淆壓縮，這讓我們看起來很吃力。而這個插件能幫我們把原始代碼進(jìn)行格式的整理，包括換行和縮進(jìn)等等，是代碼一目了然，更快讀懂~

$\color{#34a853}{使用：}$ 在已壓縮的JS文件中，右鍵選擇jsFormat或者使用默認(rèn)快捷鍵（Ctrl+Alt+F）

2.gif

3. LESS

$\color{#4285f4}{功能：}$ LESS高亮插件

$\color{#ea4335}{簡介：}$ 用LESS的同學(xué)都知道，sublime沒有支持less的語法高亮，所以這個插件可以幫上我們

$\color{#34a853}{使用：}$ 打開.less文件或者設(shè)置為less格式

3.gif

4. Less2Css

$\color{#4285f4}{功能：}$ 編譯Less

$\color{#ea4335}{簡介：}$ 監(jiān)測到文件改動時，編譯保存為.css文件

$\color{#34a853}{使用：}$ 打開.less文件，編寫代碼保存即可看到同時生成.css的文件，如果沒有則需要安裝node。不推薦用這種方法編譯，要么用koala，要么就用grunt編譯。

5. Alignment

$\color{#4285f4}{功能：}$ "="號對齊

$\color{#ea4335}{簡介：}$ 變量定義太多，長短不一，可一鍵對齊

$\color{#34a853}{使用：}$ 默認(rèn)快捷鍵Ctrl+Alt+A和QQ截屏沖突，可設(shè)置其他快捷鍵如：Ctrl+Shift+Alt+A；先選擇要對齊的文本

align.gif

6. Autoprefixer

$\color{#4285f4}{功能：}$ CSS添加私有前綴

$\color{#ea4335}{簡介：}$ CSS還未標(biāo)準(zhǔn)化，所以要給各大瀏覽器一個前綴以解決兼容問題

$\color{#34a853}{使用：}$ Ctrl+Shift+P，選擇autoprefixer即可。需要安裝node.js。其他設(shè)置如快捷鍵請參考：https://sublime.wbond.net/packages/Autoprefixer

031788ec7915ae6f8718b8d294a0fdd84f36e6bc.gif

7. Clipboard History

$\color{#4285f4}{功能：}$ 粘貼板歷史記錄

$\color{#ea4335}{簡介：}$ 方便使用復(fù)制/剪切的內(nèi)容

$\color{#34a853}{使用：}$
Ctrl+alt+v：顯示歷史記錄
Ctrl+alt+d：清空歷史記錄
Ctrl+shift+v：粘貼上一條記錄（最舊）
Ctrl+shift+alt+v：粘貼下一條記錄（最新）

5.gif

8. Bracket Highlighter

$\color{#4285f4}{功能：}$ 代碼匹配

$\color{#ea4335}{簡介：}$ 可匹配[], (), {}, “”, ”, ，高亮標(biāo)記，便于查看起始和結(jié)束標(biāo)記

$\color{#34a853}{使用：}$ 點擊對應(yīng)代碼即可

5.gif

9. Git

$\color{#4285f4}{功能：}$ git管理

$\color{#ea4335}{簡介：}$ 插件基本上實現(xiàn)了git的所有功能

$\color{#34a853}{使用：}$ https://github.com/kemayo/sublime-text-git/wiki

image.png

10. jQuery

$\color{#4285f4}{功能：}$ jQ函數(shù)提示

$\color{#ea4335}{簡介：}$ 快捷輸入jQ函數(shù)，是偷懶的好方法

5.gif

11. Doc?Blockr

$\color{#4285f4}{功能：}$ 生成優(yōu)美注釋

$\color{#ea4335}{簡介：}$ 標(biāo)準(zhǔn)的注釋，包括函數(shù)名、參數(shù)、返回值等，并以多行顯示，手動寫比較麻煩

$\color{#34a853}{使用：}$ 輸入/、/*然后回車，還有很多用法，請參照https://sublime.wbond.net/packages/DocBlockr

5.gif

12. Color?Picker

$\color{#4285f4}{功能：}$ 調(diào)色板

$\color{#ea4335}{簡介：}$ 需要輸入顏色時，可直接選取顏色

$\color{#34a853}{使用：}$ 快捷鍵Windows: ctrl+shift+c

5.gif

13. ConvertToUTF8

$\color{#4285f4}{功能：}$ 文件轉(zhuǎn)碼成utf-8

$\color{#ea4335}{簡介：}$ 通過本插件，您可以編輯并保存目前編碼不被 Sublime Text 支持的文件，特別是中日韓用戶使用的 GB2312，GBK，BIG5，EUC-KR，EUC-JP ，ANSI等。ConvertToUTF8 同時支持 Sublime Text 2 和 3。

$\color{#34a853}{使用：}$ 安裝插件后自動轉(zhuǎn)換為utf-8格式

14bf32b34689197038dd75757ad50211211a142a.gif

14. AutoFileName

$\color{#4285f4}{功能：}$ 快捷輸入文件名

$\color{#ea4335}{簡介：}$ 自動完成文件名的輸入，如圖片選取

$\color{#34a853}{使用：}$ ：輸入”/”即可看到相對于本項目文件夾的其他文件

5.gif

15. Nodejs

$\color{#4285f4}{功能：}$ node代碼提示

$\color{#ea4335}{簡介：}$ 可以為編寫node代碼進(jìn)行提示

$\color{#34a853}{使用：}$ https://sublime.wbond.net/packages/Nodejs

image.png

16. IMESupport

$\color{#4285f4}{功能：}$ sublime中文輸入法

$\color{#ea4335}{簡介：}$ 還在糾結(jié) Sublime Text 中文輸入法不能跟隨光標(biāo)嗎？試試「IMESupport 」這個插件吧！目前只支持 Windows，在搜索等界面不能很好的跟隨光標(biāo)。

$\color{#34a853}{使用：}$ Ctrl + Shift + P →輸入pci →輸入IMESupport →回車

5.gif

17. TrailingSpaces

$\color{#4285f4}{功能：}$ 檢測并一鍵去除代碼中多余的空格

$\color{#ea4335}{簡介：}$ 還在糾結(jié)代碼中有多余的空格而顯得代碼不規(guī)范？或是有處女座情節(jié)？次插件幫你實現(xiàn)發(fā)現(xiàn)多余空格、一鍵刪除空格、保存時自動刪除多余空格，讓你的代碼規(guī)范清爽起來

$\color{#34a853}{使用：}$ 安裝插件并重啟，即可自動提示多余空格。一鍵刪除多余空格：CTRL+SHITF+T（需配置），更多配置請點擊標(biāo)題?？旖萱I配置：在Preferences / Key Bindings – User加上代碼（數(shù)組內(nèi)）
{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" }

5.gif

18. FileDiffs

$\color{#4285f4}{功能：}$ 強(qiáng)大的比較代碼不同工具

$\color{#ea4335}{簡介：}$ 比較當(dāng)前文件與選中的代碼、剪切板中代碼、另一文件、未保存文件之間的差別。可配置為顯示差別在外部比較工具，精確到行。

$\color{#34a853}{使用：}$ 右鍵標(biāo)簽頁，出現(xiàn)FileDiffs Menu或者Diff with Tab…選擇對應(yīng)文件比較即可

5.gif

19. GBK Encoding Support

$\color{#4285f4}{功能：}$ 中文識別

$\color{#ea4335}{簡介：}$ Sublime Text 2可識別UTF-8格式的中文，不識別GBK和ANSI，因此打開很多含中文的文檔都會出現(xiàn)亂碼?？梢酝ㄟ^安裝插件GBK Support,來識別GBK和ANSI。

$\color{#34a853}{使用：}$ Open a GBK File
Save file with GBK encoding
Change file encoding from utf8 to GBK or GBK to utf8

image.png

20. Git?Gutter

$\color{#4285f4}{功能：}$ 指示代碼中插入、修改、刪除的地方

$\color{#ea4335}{簡介：}$ 可以直觀看出代碼的變化情況

image.png

21. MarkdownEditing

$\color{#ea4335}{簡介：}$ SublimeText不僅僅是能夠查看和編輯 Markdown 文件，但它會視它們?yōu)楦袷胶茉愀獾募兾谋尽＿@個插件通過適當(dāng)?shù)念伾吡梁推渌δ軄砀玫赝瓿蛇@些任務(wù)。

image.png

22. SyncedSideBar

$\color{#ea4335}{簡介：}$ 打開的文件夾都太多了? 來用這個來管理文件夾，世界原來也可以這么美好。

23. SublimeREPL

$\color{#ea4335}{簡介：}$ 這可能是對程序員很有用的插件。SublimeREPL 允許你在 Sublime Text 中運(yùn)行各種語言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。

24. CTags

$\color{#ea4335}{簡介：}$ 有童鞋抱怨Sublime Text不能支持函數(shù)的跳轉(zhuǎn)（比如像Eclipse那樣，按住Control點擊該方法或者對象，即可跳轉(zhuǎn)到定義的地方； Alt+←即可回到原處）。其實Sublime Text也可以借助插件實現(xiàn)之（當(dāng)然，有些情況下:Can not find defination）畢竟這個也是借助正則來匹配完成的。因此這個也就要求代碼很規(guī)范。這個插件相對來講會有些麻煩，具體的可以參見:Sublime Text ctags 的配置.

25. SublimeLinter

$\color{#ea4335}{簡介：}$ SublimeLinter 是前端編碼利器——Sublime Text 的一款插件，用于高亮提示用戶編寫的代碼中存在的不規(guī)范和錯誤的寫法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發(fā)語言。這篇文章介紹如何在 Windows 中配置 SublimeLinter 進(jìn)行 JS & CSS 校驗。
比如寫例如像lua這樣的弱語言腳本代碼，有這個可以規(guī)避掉很多不該有的低級錯誤吧？當(dāng)然這也需要你SublimeLinter安裝完畢之后再安裝一個SublimeLinter-lua即可。具體的使用可以參見：借助 SublimeLinter 編寫高質(zhì)量的 JavaScript & CSS 代碼

26. SideBarEnhancements

$\color{#ea4335}{簡介：}$ SideBarEnhancements是一款很實用的右鍵菜單增強(qiáng)插件；在安裝該插件前，在Sublime Text左側(cè)FOLDERS欄中點擊右鍵，只有寥寥幾個簡單的功能；安裝了就相當(dāng)于給其豐了大胸一般。
更強(qiáng)大的是，該插件還能讓我們自定義快捷鍵呼出某個瀏覽器以預(yù)覽頁面！這樣就不用到項目目錄下尋找和拖動到特定瀏覽器中預(yù)覽了。
安裝此插件后，點擊菜單欄的preferences->package setting->side bar->Key Building-User，鍵入以下代碼：

[
        { "keys": ["f12"],
            "command": "side_bar_open_in_browser" ,
            "args":{"paths":[], "type":"testing", "browser":""}
        },
        { "keys": ["alt+f12"],
            "command": "side_bar_open_in_browser",
            "args":{"paths":[], "type":"production", "browser":""}
        },
        {
            "keys": ["ctrl+t"],
            "command": "side_bar_new_file2"
        },
        {
            "keys": ["f2"],
            "command": "side_bar_rename"
        },
]

這里設(shè)置按Ctrl+Shift+C復(fù)制文件路徑，按F2即可在Chrome瀏覽器預(yù)覽效果(如果需要的話，也可以根據(jù)自己的需要為Firefox，Safari，IE，Opera等加上)，當(dāng)然你也可以自己定義喜歡的快捷鍵，最后注意代碼中的瀏覽器路徑要以自己電腦里的文件路徑為準(zhǔn)。

27. HTML-CSS-JS Prettify

$\color{#ea4335}{簡介：}$ 一款集成了格式化（美化）html、css、js三種文件類型的插件，即便html,js寫在PHP文件之內(nèi)。插件依賴于nodejs，因此需要事先安裝nodejs，然后才可以正常運(yùn)行。插件安裝完成后，快捷鍵ctrl+shift+H完成當(dāng)前文件的美化操作。插件對html、css文件的美化不是非常滿意，但還可以，后面將說明如何修改css美化腳本。本人用起來超級爽的，鑒于篇幅，就不贅述，可以參見這篇介紹。

28. WakaTime

$\color{#ea4335}{簡介：}$ 記錄你的Code時間;
WakaTime可以做到精確地統(tǒng)計到你花在某個項目上的時間;WakaTime針對不同的IDE，擁有不同的插件，在Sublime上安裝著插件，就能統(tǒng)計到我使用Sublime進(jìn)行的所有項目的行為。可以高效管理和知曉自己code時間
Waka的基本設(shè)計是每個人注冊完將獲取一個key，裝一個客戶端，把key輸進(jìn)去（登陸是同一個道理），然后它就把本地的所有行為帶個key扔給服務(wù)器來統(tǒng)計，一段時間之后給你個報表。不過Waka做的真的很精準(zhǔn)，精確到每一個文件用了多少秒，每一種語言用了多少時間。

四、定制屬于自己的快捷鍵

首先要會使用SublimeText內(nèi)置的快捷鍵：
比如 Commond Shift P 打開命令面板:例如打開Package Control安裝各種插件；可以可以輸入Set(Snytax)來改變使用的語言環(huán)境，瞬間切換等等。
設(shè)置快捷鍵。在SublimeText里

[
  { "keys": ["f2"], "command": "side_bar_rename"},
  { "keys": ["f10"], "command": "goto_definition" },
  { "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":"Chrome"}}, 
]

F2：重命名文件
F10：快速打開變量/函數(shù)的定義位置
F12：在瀏覽器打開文件
具體可參見這邊文章Sublime Text3 快捷鍵匯總及設(shè)置快捷鍵配置環(huán)境變量

常用快捷鍵表

快捷鍵	功能
【Ctrl+Shift+P】	打開命令面板，常用語安裝插件等命令
【Ctrl+P】	快速的搜索項目中的文件，常用于項目文件較多的情況中
【Ctrl+G】	跳轉(zhuǎn)到指定的行數(shù)，常用于代碼定位
【Ctrl+W】	快速關(guān)閉當(dāng)前打開的文件，用于文件打開過多導(dǎo)致難以區(qū)分
【Ctrl + 鼠標(biāo)點擊】	設(shè)置多個編輯光標(biāo)，按住Ctrl接著點擊鼠標(biāo)即可，常用于編輯多個項目代碼段
【Ctrl + F】	查找功能，不多介紹
【Ctrl + H】	替換功能，不多介紹
【Ctrl + L】	選擇行，同時按住Shift鍵，接著按上下鍵可以進(jìn)行代碼上下移動行
【Ctrl+/】	注釋當(dāng)前行可取消注釋
【Ctrl + D】	選擇光標(biāo)所在的文本后，可同時操作其他相同文本內(nèi)容，常用于修改所有相同文本操作

五、定制屬于自己的個性化主題

炫酷的界面，更能激發(fā)程序員的"激情"。
在Sublime Text中改變視覺效果有兩部分設(shè)置，分別是代碼高亮的“配色”以及編輯器本身的“主題”（包括了Tab欄、側(cè)邊欄以及Command窗口等）。
下面這幾種都非常值得推薦

1. Spacegray

$\color{#ea4335}{簡介：}$ 一個最小化的設(shè)計可以幫你把注意力放在編寫代碼上，該主題在 UI 上沒什么吸引人之處，但很適合編碼。

image.png

2. Predawn

$\color{#ea4335}{簡介：}$ Predawn 非常漂亮，特別適合編寫代碼。

image.png

3. Boxy

$\color{#ea4335}{簡介：}$ Boxy（The most hackable theme for Sublime Text 3）；自帶多種主題風(fēng)格，可以融合ihodev/sublime-file-icons；切換主題風(fēng)格不必改配置；還用廢那心思自己改主題去？簡單夠用就好！

image.png

4. Material Theme

$\color{#ea4335}{簡介：}$ 簡單夠用就好！

image.png

5. ayu

$\color{#ea4335}{簡介：}$ 超高顏值！

image.png

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

機(jī)器學(xué)習(xí)基礎(chǔ)(2)-Sublime Text3使用指南

一、安裝

添加Sublime Text到環(huán)境變量

二、插件安裝

三、Sublime Text 3插件推薦

1. Emmet

2. JSFormat

3. LESS

4. Less2Css

5. Alignment

6. Autoprefixer

7. Clipboard History

8. Bracket Highlighter

9. Git

10. jQuery

11. Doc?Blockr

12. Color?Picker

13. ConvertToUTF8

14. AutoFileName

15. Nodejs

16. IMESupport

17. TrailingSpaces

18. FileDiffs

19. GBK Encoding Support

20. Git?Gutter

21. MarkdownEditing

22. SyncedSideBar

23. SublimeREPL

24. CTags

25. SublimeLinter

26. SideBarEnhancements

27. HTML-CSS-JS Prettify

28. WakaTime

四、定制屬于自己的快捷鍵

五、定制屬于自己的個性化主題

1. Spacegray

2. Predawn

3. Boxy

4. Material Theme

5. ayu

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

一、安裝