如何使用sublimetext加入圖片

A. 我的Sublime Text3怎麼使用

SublimeText：一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。相比於難於上手的Vim，浮腫沉重的Eclipse，VS，即便體積輕巧迅速啟動的Editplus、Notepad++，在SublimeText面前大略顯失色，無疑這款性感無比的編輯器是Coding和Writing最佳的選擇，沒有之一。原文首鏈，請移步這里如何優雅地使用SublimeText;最後更新於2015.12.15晚(不能為簡書文章添加目錄？，額，折騰不出來，醉了)，但目錄結構還是可以有的：如何優雅地使用SublimeText之目錄結構SublimeText2和3的對比SublimeText3安裝插件SublimeText3插件推薦定製屬於自己的快捷鍵Sublime不可不知的實用技巧定製屬於自己的個性化主題Sublime錦上添花些許設置寫在一路更來的結語SublimeText2和3的對比相比於2，SublimeText3就秒啟動一項，就壓倒性地勝利了。因此在之後的敘述中都以SublimeText3為主角。並且3一直在不斷的完善更新，具體的差異可參看SublimeBlog.簡單的說：ST3支持在項目目錄裡面尋找變數提供了對標簽頁更好地支持（的命令和快捷鍵）加快了程序運行的速度更新了API，使用Python3.3強烈推薦朋友們使用3!唯快不破，不解釋。SublimeText3安裝插件SublimeText的強大就是她擁有強大的課可擴展性。您可根據自己的需要安裝不同的插件；這使得她變的無比強大的同時又不失輕便。插件安裝方式一：直接安裝：安裝Sublimetext3插件很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。插件安裝方式二：使用PackageControl組件安裝：按Ctrl+`調出console（註：安裝有QQ輸入法的這個快捷鍵會有沖突的，輸入法屬性設置-輸入法管理-取消熱鍵切換至QQ拼音）粘貼以下代碼到底部命令行並回車：importurllib.request,os;pf='PackageControl.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('Cmd+Shift+C快捷鍵。SublimeREPL這可能是對程序員很有用的插件。SublimeREPL允許你在SublimeText中運行各種語言（NodeJS，Python，Ruby，Scala和Haskell等等）。Ctags插件有童鞋抱怨SublimeText不能支持函數的跳轉（比如像Eclipse那樣，按住Control點擊該方法或者對象，即可跳轉到定義的地方；Alt+←即可回到原處）。其實SublimeText也可以藉助插件實現之（當然，有些情況下:Cannotfinddefination）畢竟這個也是藉助正則來匹配完成的。因此這個也就要求代碼很規范。這個插件相對來講會有些麻煩，具體的可以參見:SublimeTextctags的配置.SublimeLinter插件SublimeLinter是前端編碼利器——SublimeText的一款插件，用於高亮提示用戶編寫的代碼中存在的不規范和錯誤的寫法，支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多種開發語言。這篇文章介紹如何在Windows中配置SublimeLinter進行JS&CSS校驗。比如寫例如像lua這樣的弱語言腳本代碼，有這個可以規避掉很多不該有的低級錯誤吧？當然這也需要你SublimeLinter安裝完畢之後再安裝一個SublimeLinter-lua即可。具體的使用可以參見：藉助SublimeLinter編寫高質量的JavaScript&CSS代碼SideBarEnhancements插件SideBarEnhancements是一款很實用的右鍵菜單增強插件；在安裝該插件前，在SublimeText左側FOLDERS欄中點擊右鍵，只有寥寥幾個簡單的功能；安裝了就相當於給其豐了大胸一般。更強大的是，該插件還能讓我們自定義快捷鍵呼出某個瀏覽器以預覽頁面！這樣就不用到項目目錄下尋找和拖動到特定瀏覽器中預覽了。安裝此插件後，點擊菜單欄的preferences->packagesetting->sidebar->KeyBuilding-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-JSPrettify一款集成了格式化（美化）html、css、js三種文件類型的插件，即便html,js寫在PHP文件之內。插件依賴於nodejs，因此需要事先安裝nodejs，然後才可以正常運行。插件安裝完成後，快捷鍵ctrl+shift+H完成當前文件的美化操作。插件對html、css文件的美化不是非常滿意，但還可以，後面將說明如何修改css美化腳本。本人用起來超級爽的，鑒於篇幅，就不贅述，可以參見這篇介紹。CSScombCSS屬性排序:有時候看看自己寫的CSS文件，會不會覺得屬性很亂查找不易維護難？CSScomb可以按照一定的CSS屬性排序規則，將雜亂無章的CSS屬性進行重新排序。選中要排序的CSS代碼，按Ctrl+Shift+C，即可對CSS屬性重新排序了，代碼從此簡潔有序易維護，如果不款選代碼則插件將排序文件中所有的CSS屬性。當然，可以自己自定義CSS屬性排序規則，打開插件目錄里的CSScomb.sublime-settings文件，更改裡面的CSS屬性順序就行了。因為這個插件使用PHP寫的，要使他工作需要在環境變數中添加PHP的路徑，具體請看github上的說明。SublimeTmpl快速生成文件模板一直都很奇怪為什麼sublimetext3沒有新建文件模板的功能，像html頭部的DTD聲明每次都要復制粘貼。用SublimeTmpl這款插件終於可以解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板，所有的文件模板都在插件目錄的templates文件夾里，可以自定義編輯文件模板。SublimeTmpl默認的快捷鍵:ctrl+alt+hhtmlctrl+alt+jjavascriptctrl+alt+ccssctrl+alt+pphpctrl+alt+rrubyctrl+alt+shift+ppython如果想要新建其他類型的文件模板的話，先自定義文件模板方在templates文件夾里，再分別打開Default(Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件照著裡面的格式自定義想要新建的類型，這里就詳細介紹了，請各位自己折騰哈~Javascript-API-Completions:支持Javascript、JQuery、TwitterBootstrap框架、HTML5標簽屬性提示的插件，是少數支持sublimetext3的後綴提示的插件，HTML5標簽提示sublimetext3自帶，不過JQuery提示還是很有用處的，也可設置要提示的語言。

B. sublime text 3怎麼用

Sublime Text 3 是一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟體，不僅具有華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。

界面

先看下ST3的界面：

l 從上到下：標題欄↓菜單欄↓tab控制欄↓編輯區↓狀態欄；

l 從做到右：分別是邊欄（可關閉）→編輯區→MiniMap

菜單欄

各種命令，各種設置。

Tab欄

很多編輯器都有的，如果文件編輯過未保存，右上角有個小圓點提示保存，如果未保存關了也不用害怕，ST2很貼心，會幫我們自動保存。

編輯區

這是我們主要的工作區域，ST2支持代碼自動縮進，代碼折疊功能。

介紹幾個常見的功能：

l 自動完成：自動完成的快捷鍵是Tab和Enter，如果在html文件中，輸入cl按下tab或Enter，即可自動補全為class=」」；加上zencoding後，更是如虎添翼，後面再講到。

l 多列編輯：按住ctrl點擊滑鼠，會出現多個閃爍的游標，這時可同時修改多處

或者按住滑鼠中鍵拖拽，

l 代碼注釋功能：ctrl+/、ctrl+shift+/分別未行注釋和塊注釋，再按一下就能去掉注釋，ST3能夠自動識別是html、css還是js文件，給出不同類型的注釋。

l 行操作：ctrl+alt+↑、ctrl+alt+↓向上或者向下交換兩行，ctrl+enter，游標後插入空行，ctrl+d選擇相似，可以參考後面的快捷鍵列表。

l 右鍵功能：

前3個，大家都知道，第4個，show unsaved changes，顯示未保存的修改，紅色減號表示刪去的內容，綠色加號表示新增的內容

Open Containing Folder…，打開包含此文件的文件夾，這個很方便找到相關的文件。

Copy File Path，復制文件路徑，方便我們復制路徑到瀏覽器中查看。

l 人性化設計：從ST2開始就有很多設計細節還是值得稱贊的，比如點擊一個標簽或者括弧，會在起始處顯示下劃點線，方便看清代碼結構，每一層嵌套代碼間都有豎線，起到視覺輔助的作用。選中某個詞還會給其他地方相同的詞加上方框。另外還有代碼折疊功能。

三、 設置

ST3的設置只有兩個選項，分別是系統設置和快捷鍵設置。

一般我們修改設置的話，最好復制出來在user里修改，以免以後升級default被覆蓋掉。

l Settings：在此文件里，可以修改很多東西，比如主題，字體，字型大小，是否顯示行號、自動縮進、自動完成。很多都默認選中了，我另外修改了幾處地方：

always_show_minimap_viewport——默認顯示縮略圖

draw_minimap_border——顯示縮略圖邊框

font_size——字型大小

l Key Bindings：快捷鍵設置，ST3的快捷鍵很多，改的時候注意不要覆蓋了。因為快捷鍵眾多，所以有下面這種組合快捷鍵，先按下ctrl+k，松開k，再按下j就可以展開全部折疊代碼了。

此處插入圖片

l 主要快捷鍵列表
Ctrl+L 選擇整行（按住-繼續選擇下行）
Ctrl+KK 從游標處刪除至行尾
Ctrl+Shift+K 刪除整行
Ctrl+Shift+D 復制游標所在整行，插入在該行之前
Ctrl+J 合並行（已選擇需要合並的多行時）
Ctrl+KU 改為大寫
Ctrl+KL 改為小寫
Ctrl+D 選詞 （按住-繼續選擇下個相同的字元串）
Ctrl+M 游標移動至括弧內開始或結束的位置
Ctrl+Shift+M 選擇括弧內的內容（按住-繼續選擇父括弧）
Ctrl+/ 注釋整行（如已選擇內容，同「Ctrl+Shift+/」效果）
Ctrl+Shift+/ 注釋已選擇內容
Ctrl+Z 撤銷
Ctrl+Y 恢復撤銷
Ctrl+M 游標跳至對應的括弧
Alt+. 閉合當前標簽
Ctrl+Shift+A 選擇游標位置父標簽對兒
Ctrl+Shift+[ 折疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+KT 折疊屬性
Ctrl+K0 展開所有
Ctrl+U 軟撤銷
Ctrl+T 詞互換
Tab 縮進 自動完成
Shift+Tab 去除縮進
Ctrl+Shift+↑ 與上行互換
Ctrl+Shift+↓ 與下行互換
Ctrl+K Backspace 從游標處刪除至行首
Ctrl+Enter 游標後插入行
Ctrl+Shift+Enter 游標前插入行
Ctrl+F2 設置書簽
F2 下一個書簽
Shift+F2 上一個書簽

四、 擴展

ST3是支持插件擴展的，首先，我們需要安裝Package Control，我會另外發文章介紹。

插件推薦（由於ST3使用python3語言開發，而目前大部分插件還是python2.x，所以暫時有些插件會用不了或會有所改變，請等待更新）：

l ZenCoding：前端必備，快速開發HTML/CSS，現已更名為Emmet。

輸入 div.wrapper>div.header+div.main+div.footer 按下Tab，立刻變成

或者按下ctrl+alt+enter，激發zencoding控制台，可看到整個動態的過程。

l JsFormat，格式化js代碼，這個插件很有用，我們有時在網上看到某些效果，想查看是怎麼實現的，但是代碼被壓縮過，很難閱讀，不用怕，用ST3打開，按下快捷鍵，即可讓代碼還原，莫非是武林中失傳已久的「還我靚靚拳」。

l Tag 格式化標簽，讓亂七八糟的代碼，瞬間整齊清晰。

l BracketHighlighter，括弧高亮顯示。

l Clipboard History，剪切板歷史，可以保存多個復制信息，按下ctrl+alt+v，可以選擇歷史剪切板。

l Goto-CSS-Declaration，跳轉到css文件該class的聲明處，方便修改查看，如圖下所示，注意對應的css文件要同時打開才行。

l SCSS，支持scss的語法高亮，裡面附帶了好多CSS Snippet，無論現用或者改造成，都可節省不少時間。

還有很多插件，jquery語法提示，jsHint等等。

五、 結語

總而言之，Sublime Text 3是一款不錯的代碼編寫工具，有好看的ui，人性化的細節設計，全面的功能和擴展機制，如果你還沒用過，請試一下，不會讓你失望的。另外，希望ST3以後能完美支持中文。

C. 用Sublime Text 3 製作網頁時怎麼插入圖片

sublime Text是一款編碼軟體
不像DW那樣可視化操作
如果要播入圖片的話用代碼<img src="#" />，把#號換成你的圖片地址即可。

D. 如何使用sublime text2

Sublime Text3使用技巧教程
1
Sublime用的比較多的版本是Text2和Text3,這些網上都可以下載到，漢化的也是有的，小編使用的是Text3中文版，安裝好後，右擊想要打開的各種格式（html，js，xml,txt)等都可以快速打開
2

技巧一：快速注釋
選擇需要注釋的代碼，多行或單行都很隨意，然後使用」Ctrl+/」，或者使用「Ctrl+Shft+/」即可快速注釋。注釋了再同樣按一下即可接觸注釋。這里的注釋比eclipse中的java好用。
3

技巧二：快速查找
按住」Ctrl+F」快捷鍵，即可進行快速搜索，在搜索框下邊輸入要找的變數名稱和方法名等都可以，定位很迅速。
4

技巧三：縮略圖定位
我們可以發現右側可以看到整個代碼的縮略圖，點擊相應的區域即可快速定位到了，非常方便。
5

技巧四：快速打開文件
Ctrl+P快捷鍵可以快速打開文件，輸入文件名稱即可切換打開了，因為可能我們一次打開的窗口比較多，Ctrl+P快捷鍵可以快速的切換到相應的文件
Sublime Text3技巧使用介紹（圖文教程）
6
技巧五：打開整個工程
文件——》打開文件夾——》選擇自己的工程，可以打開整個工程，這里的話就可以在整個工程里邊查看所有文件了，修改方便
7

總結：
Sublime可以很方便的編程，對於js和html等編寫非常方便，可以編寫了在瀏覽器迅速看到效果；在需要java和web容器，比如tomcat支持的時候，部署工程到tomcat後，使用Sublime打開tomcat下的Webapps的部署好的工程，這樣就可以進行更改，效果更快。更改的話不需要那myeclipse等了，myeclipse只是用來啟動部署而已；當然更改了記得另存，不然myeclipse哪裡重新部署的話就將myeclipse的工作空間的覆蓋了你修改的tomcat里邊的內容。

E. 如果css和圖片在同一文件下,怎麼用sublime text引用

路徑問題啊，如果是同級文件可以直接xxx.css或者./xxx.css，上級文件../xxx.css，同級相鄰文件../css/xxx.css。每有一個上級多寫一個../

F. 那位大神知道sublime text2怎樣能直接顯示圖片嗎

sublime 3 直接把圖片拖進去即可

G. sublime text 如何插入圖片啊

安裝個AutoFileName插件，還望採納

H. 如何優雅地使用 Sublime Text

編輯 多欄位選擇修改 Sublime Text支持多處文本的同時修改： 選中需要修改的文字，編輯器會自動提示文檔內的相同文本。 按Cmd + d添加下一個文本段到標記列表，如果需要跳過當前文本段，按Cmd + k然後Cmd + d 快捷鍵Cmd + u可以將當前文本段從編輯列表去掉 ESC鍵可以退出編輯狀態 整行選取 Cmd + l可以選取游標所在行，活著當前選區所在所有行 Cmd + Shift + l可以將選區的分裂為多選區，可同時編輯 文本選擇 alt + shift + 在對應放上增加下一個token入選區 ctrl + shift + m選中游標所在括弧的所有內容 Cmd + shift + j選中與游標所在行相同縮進的內容 字元交換 ctrl + t交換相鄰的兩個字母 搜索替換 Sublime Text支持Perl Compatible Regular Expressions (PCRE) engine的正則表達式搜索，默認搜索為普通搜索，需要在搜索框左邊點擊對應按鈕切換到正則表達式搜索，也可以使用快捷鍵進行切換。 option + Cmd + r搜索的正則表達式和普通文本切換 單文件內的搜索和替換 Cmd ＋ f打開搜索框 ESC關閉搜索框 option + Cmd + c切換區分大小寫 option + Cmd + w切換是否完整匹配：time 匹配timeOut或者 time單獨單詞 option + Enter選中全部匹配結果並可同時編輯 Cmd + g或者Enter查找下一個 Cmd + shift + g查找前一個 Cmd + e選中文本後按此快捷鍵可直接搜索 替換 option + Cmd + f打開替換面板 Cmd + g或者Enter查找下一個 option + Cmd + e替換並查找下一個 option + Enter當焦點在替換面版時會選中全部匹配項並處於可編輯狀態 多文件搜索 Cmd + shift + f打開多文件搜索麵版 設置多文件搜索范圍 在多文件搜索麵版的Where欄指定搜索范圍，支持以下方式的搜索范圍指定： unix格式的路徑 使用通配符排除特定文件 symbolic location入：,等 也可以使用逗號結合以上三種格式的范圍。 文件導航和文件管理 goto anything文件導航 搜索項目任意文件並導航。可在搜索欄進行過濾，可預覽當前選中文件。 Cmd + p打開文件面版 Enter打開當前項並關閉導航面版 ->打開當前項，不關閉導航面版 ESC關閉導航面版

I. 如何使用sublime text 3

Sublime用的比較多的版本是Text2和Text3,這些網上都可以下載到，漢化的也是有的，小編使用的是Text3中文版，安裝好後，右擊想要打開的各種格式（html，js，xml,txt)等都可以快速打開
Sublime Text3技巧使用介紹（圖文教程）
Sublime Text3技巧使用介紹（圖文教程）
技巧一：快速注釋
選擇需要注釋的代碼，多行或單行都很隨意，然後使用」Ctrl+/」，或者使用「Ctrl+Shft+/」即可快速注釋。注釋了再同樣按一下即可接觸注釋。這里的注釋比eclipse中的java好用。
Sublime Text3技巧使用介紹（圖文教程）
技巧二：快速查找
按住」Ctrl+F」快捷鍵，即可進行快速搜索，在搜索框下邊輸入要找的變數名稱和方法名等都可以，定位很迅速。
Sublime Text3技巧使用介紹（圖文教程）
技巧三：縮略圖定位
我們可以發現右側可以看到整個代碼的縮略圖，點擊相應的區域即可快速定位到了，非常方便。
Sublime Text3技巧使用介紹（圖文教程）
技巧四：快速打開文件
Ctrl+P快捷鍵可以快速打開文件，輸入文件名稱即可切換打開了，因為可能我們一次打開的窗口比較多，Ctrl+P快捷鍵可以快速的切換到相應的文件
Sublime Text3技巧使用介紹（圖文教程）
技巧五：打開整個工程
文件——》打開文件夾——》選擇自己的工程，可以打開整個工程，這里的話就可以在整個工程里邊查看所有文件了，修改方便
Sublime Text3技巧使用介紹（圖文教程）