㈠ sublime text 3 怎麼使壓縮的css格式化
可以使用插件HTML-CSS-jsPrettify達到效果。
HTML-CSS-jsPrettify概述:
HTML-CSS-jsPrettify是一款集成了格式化(美化)html、css、js三種文件類型的插件。插件依賴於nodejs,因此需要事先安裝nodejs,然後才可以正常運行。
使用Sublime text 3 格式化CSS代碼,需要安裝插件,具體安裝步驟如下:
A、打開菜單->首選項->插件控制,輸入 install package。
B、等待程序進入插件管理功能,再輸入插件名稱:prettify。
C、點擊安裝插件HTML-CSS-JS Prettify。
D、插件安裝成功後,在需要格式化的HTML/css/js代碼中,選中代碼,然後按Ctrl+Alt+H對代碼進行格式化。
註:使用 Sublime Text 格式化代碼的時候,安裝過 HTML-CSS-JS Prettify 這個插件,但格式化時卻會提示(默認路徑未找到Node.js)需要下載安裝後方可使用。
㈡ sublime 的format怎麼用
以下跟大家分享一下Sublime Text 中使用Zen Coding的一些技巧 1、縮寫擴展 之前知道,通過Control + Alt + Enter可以在一個新行中輸入ZC的縮寫,來生成代碼。同時,如果我們在編輯中直接書寫了ZC縮寫,比如 div#content>p 當游標放置在p之後時,可以通過Tab鍵來擴展,ZC會從游標處開始向左側搜索到第一個空白處,之間的代碼作為ZC縮寫,這樣不必每次打開新行輸入,提高了效率,缺點就是不能夠實時預覽。 2、嵌套代碼 如上圖所示,可以實現在已經寫好的代碼外面嵌套其他的代碼,實現方式是將游標放置到想要嵌套的標簽上,然後使用Control + Alt + Enter 呼出ZC的命令行,就可以了。 其實Zen Coding還提供了很多方便代碼編寫的操作,例如標簽匹配、返回上一個/下一個編輯點、更新img標簽、合並行等,但是因為在Sublime Text中沒有提供完整的支持,所以這些特性還無法使用。 其餘插件: ①jQuery Package for sublime Text 習慣使用jQuery者必備 ②Sublime Prefixr Prefixr,CSS3 私有前綴自動補全插件 ③JS Format JS代碼格式化插件。 ④Placeholders 佔位用,包括一些佔位文字和HTML代碼片段,實用。 ⑤Sublime Alignment 用於代碼格式的自動對齊,最新版Sublime 已經集成。 ⑥Tag一些有代碼潔癖的程序猿很適合這個插件,HTML代碼格式化能使html代碼更加漂亮整潔。 ⑦JsMinifier 該插件基於Google Closure compiler,自動壓縮js文件。 ⑧Sublime CodeIntel 代碼自動提示 ⑨Bracket Highlighter 類似於代碼匹配,可以匹配括弧,引號等符號內的范圍。 ⑩GBK to UTF8 將文件編碼從GBK轉黃成UTF8,快捷鍵Ctrl+Shift+C
㈢ sublime怎麼將css代碼壓縮插件
安裝css format插件就可以了。
㈣ sublime text 3怎麼安java插件
1.設置 Java PATH 變數(這個大家自己去網路看教程吧.)
2.建立批處理
新建記事本,復制下面的代碼保存為runJava.bat 並保存到jdk安裝目錄下 的 bin 目錄
@ECHO OFF
cd%~dp1
ECHO Compiling %~nx1.......
IF EXIST %~n1.class (
DEL %~n1.class
)
javac %~nx1
IF EXIST %~n1.class (
ECHO -----------OUTPUT-----------
java %~n1
)
3.修改 Javac.sublime-build
打開SublimeText
依次單擊Preferences > Browse Packages以進入SublimeText安裝目錄下的Packages文件夾.如果通過單擊Preferences > Browse Packages沒有進入SublimeText安裝目錄下的Packages文件夾,請手動進入.
打開後找到Java.sublime-package然後用壓縮軟體打開.
打開後找到JavaC.sublime-build,把它解壓到桌面,解壓後使用記事本打開.
復制下面代碼並保存,這時候再添加到壓縮軟體里即可.
添加到壓縮軟體裡面的時候要關閉SublimeText,不然會提示文件被佔用.
{
"shell_cmd": "runJava.bat \"$file\"",
"file_regex": "^(...*?):([0-9]*):?([0-9]*)",
"selector": "source.java",
"encoding":"cp936"
}
6
這時候就可以在SublimeText裡面運行java源文件了.
㈤ sublime怎麼運行java代碼
首先找到Sublime Text 3 安裝目錄下的Java.sublime-package文件。我的這個文件是在C:\Program Files\Sublime Text 3\Packages
使用WinRAR或者其他解壓軟體打開上一步中說的文件
找到JavaC.sublime-build文件並且使用Sublime Text 3 打開,修改內容為下文給出的內容
然後保存,WinRAR會提示是否保存修改的文件到壓縮文件,當然選是
JavaC.sublime-build
{
"cmd": ["javac", "$file_name", "&&", "java", "$file_base_name"],
"working_dir": "${project_path:${folder}}",
"selector": "source.java",
"shell": true,
"encoding":"utf-8"
}
㈥ 如何用 Sublime Text 實現C/C++代碼的編譯運行
安裝Sublime Text3編輯器
Windows下有安裝版和便攜版之分,這里建議大家使用安裝版。安裝的過程十分簡單,只需一路next,最後finish即可。由於編輯器原生對中文支持不佳,需要安裝編碼插件進行改善
下載並解壓縮,將得到的ConvertToUTF8-master文件夾更名為ConvertToUTF8,復制到編輯器的自定義封裝包目錄中
即編輯器Preferences/BrowesPackages...菜單項打開的目錄。
獲取VC編譯器中的定義及庫文件:
很多時候,我們僅僅是為了編譯某個小程序,完全沒有必要安裝Visual Studio那樣的大塊頭。因此,網上就有人從中提取出了VC編譯器。
下載並解壓縮,將得到的VC2008文件夾復制到Sublime Text3編輯器的安裝目錄中。該目錄的一般路徑為:
D:\ProgramFiles\Sublime Text 3。
編寫批處理文件:
編寫一個執行編譯、連接命令的批處理文件,保存到VC編譯器的目錄中。該目錄一般為:
D:\ProgramFiles\Sublime Text 3\ VC2008。
該批處理文件的內容如下:
@echo off
rem 請根據 VC2008文件夾的目錄修改下面的 VC_Dir 環境變數!
set VC_Dir=D:\ProgramFiles\Sublime Text 3\VC2008
set include=^
%VC_Dir%\include;^
%VC_Dir%\PlatformSDK\Include;^
%VC_Dir%\atlmfc\include;^
%include%
set lib=^
%VC_Dir%\lib;^
%VC_Dir%\PlatformSDK\Lib;^
%VC_Dir%\atlmfc\lib;^
%lib%
set path=^
%VC_Dir%\bin;^
%PATH%
set VC_Dir=
echo on
@nmake
由於這里使用nmake工具執行編譯命令,因此需要為你的每個工程建立一個Makefile文件。關於Makefile文件的資料,可以參考羅雲彬大哥的《Windows環境下32位匯編語言程序設計》一書中的示例。隨後會發搭建32位匯編語言環境的方法。事實上C語言版本就是它的衍生品,使用Sublime Text3要比羅哥推薦的EditPlus編輯器漂亮和好用很多。
配置Sublime Text 3編譯系統
創建一個名為C++.sublime-build的文件,復制到編輯器的用戶自定義配置文件夾內,該目錄一般為:
C:\Users\用戶名\AppData\Roaming\SublimeText 3\Packages\User
即編輯器Preferences/BrowesPackages...菜單打開的目錄下的User文件夾中,如果此文件夾不存在,可以自行創建。根據批處理文件所在目錄修改C++.sublime-build文件中的cmd路徑,本例中為:
D:\\ProgramFiles\\Sublime Text 3\\VC2008\\000MyBuildVC2008.bat。
注意路徑中使用的是雙斜杠。
C++.sublime-build文件的內容如下:
{
// 請根據你的批處理文件所在目錄修改下面的路徑:
"cmd" :["D:\\Program Files\\Sublime Text 3\\VC2008\\000MyBuildVC2008.bat","/Fo${file_base_name}", "/O2", "${file}"],
"file_regex" :"^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$",
"working_dir" : "${file_path}",
"selector" :"source.c, source.c++",
"encoding" :"cp936",
"variants" :
[
{
"name" : "Run",
"cmd" : ["CMD", "/U","/C", "CL /Fo${file_base_name} /O2 ${file} &&${file_base_name}"]
}
]
}
㈦ mac系統下怎樣利用好sublime text 2編寫html,css,js代碼
Sublime Text 是一個代碼編輯器(Sublime Text 2是收費軟體,但目前可以無限期試用)也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能,例如迷你地圖,多選擇,python的插件,代碼段,等等。完全可自定義鍵綁定,菜單和工具欄。Sublime Text的主要功能包括:拼寫檢查,書簽,完整的 Python API , Goto 功能,即時項目切換,多選擇,多窗口等等。
Sublime Text 2 被稱作Windows下的TextMate,而根據其官網介紹,Sublime Text的特點如下:擁有高效、沒有干擾的界面,在編輯方面的多選、宏、代碼片段等功能,以及很有特色的Minimap。
自從 Sublime Text 2.0 正式版以來已經新增支持 Retina 視網膜屏、拖拽文本、構建系統得以優化、支持 CSS 自動完成以及高亮設置等新特點~
Sublime Text 2 的特色功能:
1.良好的擴展功能,官方稱之為安裝包(Package)。
2.右邊沒有滾動條,取而代之的是代碼縮略圖,這個功能非常贊
3.強大的快捷命令「可以實時搜索到相應的命令、選項、snippet 和 syntex, 按下回車就可以直接執行,減少了查找的麻煩。」
4.即時的文件切換。
5.隨心所欲的跳轉到任意文件的任意位置。
6.多重選擇(Multi-Selection)功能允許在頁面中同時存在多個游標。
7.支持 VIM 模式
8.支持宏,簡單地說就是把操作錄制下來或者自己編寫命令,然後播放剛才錄制的操作或者命令。
9.更新非常勤快
主要快捷鍵列表:
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 上一個書簽
Sublime Text 2 所支持的格式:
Sublime Text 2 插件下載請點擊這里~Sublime Text 2 插件安裝方法:將下載的安裝包解壓縮至 Sublime Text 2 安裝目錄下的 Packages 中,而後在 preferences——packages 進行具體設置~
Sublime Text 2.0.1 更新內容:
1.Keyboard input while dragging a selection will cancel the drag
2.Improved backspace behavior when use_tab_stops and translate_tabs_to_spaces are true
3.Improved shift+drag behavior
4.Improved double click drag select behavior
5.About Window shows the license key details
6.Fixed a Goto Anything issue where pressing backspace could scroll the overlay incorrectly
7.Fixed a crash triggered by double clicking in the Goto Anything overlay
8.Fixed incorrect window position when dragging a tab in some scenarios
9.Added missing toggle_preserve_case command
10.word_wrap setting accepts 「true」 and 「false」 as synonyms to true and false
11.OSX: Fixed System Preferences menu not working
12.Linux: Added support for mice with more than 5 buttons
13.Linux: Fixed an occasional graphical glitch when running under Unity
支持運行環境:Windows XP/Vista/Win7/Win8
Sublime Text 2.0.1 便攜版 下載(來自wkang956的漢化):
(8.2MB)(將替換文件夾中的「SublimeText.exe」替換「SublimeText2」目錄中的同名文件即可運行)
㈧ 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以後能完美支持中文。
㈨ sublime text 3 怎麼使壓縮的css格式化
sublime 3如何格式化 html,步驟如下:
1、打開菜單->首選項->插件控制,輸入 install package
2、等待程序進入插件管理功能,再輸入插件名稱:TAG
3、點擊安裝插件。
4、插件安裝成功後,在需要格式化的HTML代碼中,選中代碼,然後按Ctrl+Alt+F對代碼進行格式化。