Sublime?

Tags: 工具, 外掛,

最近剛從notepad轉到Sublime Text,遇到需要格式化的javascript、css時,一般都是百度線上格式化轉化,貼上過去再貼上過來,心累

工具/原料

Sublime Text 3

node.js

方法/步驟

開啟subclime,快捷鍵 'Ctrl + Shift + P' (Mac 為:'Command + Shift + P')(或頂部選單 -> Tools -> Command Palette),輸入 'install',選擇 'Package Control:Install Package'

Sublime 3 格式化工具外掛的安裝和使用

如果上述快捷鍵無效則需安裝 Package Control,有效則略過此步,不清楚的地方請檢視上一經驗的“安裝方法2/步驟1”

1、通過快捷鍵 ctrl+` 或 View > Show Console 選單開啟控制檯

2、在packagecontrol.io/installation官網下載外掛後放到Sublime text3 的Installed Packages目錄下即可。

1 Sublime APICloud 外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

彈出的外掛搜尋框輸入 'pretty',根據需要選擇您需要的外掛,我選擇的是 'HTML-CSS-JS Prettify',回車等待安裝完畢,重啟 Sublime Text。開啟一個壓縮的html/js/css檔案,按下Ctrl+Shift+H,安裝了node.js的同學應該就是可以了,如果不可以的話,請跳到第6步,修改路徑地址

這裡是可以舉一反三的哦,裝其他外掛也是差不多的道理哈

Sublime 3 格式化工具外掛的安裝和使用

沒有安裝node.js的使用者重啟發現天不遂人願(安裝了的請檢查配置路徑地址),好怕怕啊~~怎麼辦,翻譯一下,那就去下載一個node.js吧,開啟百度,,輸入node

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

選擇一個你高興的並且和你電腦匹配的,下載,並安裝

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

一路傻瓜式的下一步和同意即可,有強迫症的同學,你要修改安裝路徑地址,一定要記下來,後面會用到,圖略

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

裝完之後我們重啟subclime,開啟一個壓縮的html/js/css檔案,按下Ctrl+Shift+H,要還是有剛才的錯誤呢,就修改一下路徑地址,剛剛讓你記下來的地方,改了之後儲存重啟,就可以了

Sublime 3 格式化工具外掛的安裝和使用

這裡是演示的是我從別人網站抓下來的程式碼,太變態了,我捋一捋,js和html,是不是順心多了,^_^

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

Sublime 3 格式化工具外掛的安裝和使用

注意事項

node安裝路徑是否匹配

工具, 外掛,
相關問題答案