Sublime-Text配置Less插件以及Sublime經常使用插件 node.js環境在Window和Mac中配置,以及安裝cnpm和配置Less環境

在上一篇文章(node.js環境在Window和Mac中配置,以及安裝cnpm和配置Less環境)中提到在Node.js中配置Less環境,今天介紹如何在Sublime中運用Less。
默認已經下好了sublime-textcss

1.打開sublime後按住CTRL+SHIFT+P 輸入install,選擇第一個Install Package等待幾秒鐘。html

而後會彈出來這樣一個窗口。node

2.那麼下面咱們須要先鍵入並選擇LESS而後敲回車,這個文件可以使咱們在編寫less時高亮顯示。git

3.重複上面的操做咱們須要再安裝Less2Css。github

想知道本身是否安裝成功,重啓一下sublime,找到菜單欄上的Preferences點擊而後選擇Preferences Settingsnpm

 

注意:此時可能會出現一個錯誤提示:新建一個less文件,保存時出現如圖的錯誤。sublime-text

解決方案:下降你的less版本。瀏覽器

在命令行下面less

 

 window: cnpm install less@1.6.2 -gpost

 Mac: sudo cnpm install less@1.6.2 -g

重啓Sublime Text3,此時再新建less文件,保存後自動生成css文件。

以上已經配置完成,在sublime裏新建一個style.less文件會自動生成style.css文件

    

下載其它經常使用的插件:

1.Emmet

HTML/CSS代碼快速編寫插件
1)打開控制檯
在Sublime中打開Preferences –> Package Control,也可直接按快捷鍵ctrl+shift+p,選擇或搜索 Install Package
2)安裝 Emmet 插件
在輸入框中輸入 emmet,點擊出現的插件,下方狀態欄會顯示安裝狀態,安裝完成會顯示說明文檔
3)安裝PyV8插件
正常狀況下,當安裝完Emmet插件後會自動下載並安裝PyV8插件,直至狀態欄不動爲止
4)驗證是否安裝成功
新建一個.html文件,在文件中鍵入字符!(注意是英文符號),而後按「Tab「鍵,若是出現html基礎結構則表示安裝成功

2.PyV8

Emmet插件依賴於PyV8插件,若是自動安裝PyV8插件失敗,則須要手動下載PyV8插件並安裝
1)下載PyV8插件
打開瀏覽器,輸入:https://github.com/emmetio/pyv8-binaries,點擊下圖中的綠色按鈕,再點擊「Download ZIP「
2)拷貝到Sublime中
將下載文件解壓縮,再找到pyv8-osx-p3.zip文件,一樣解壓縮,將其中的2個文件拷貝到PyV8/osx-p3目錄下,若是該文件夾中有其它內容,能夠先所有刪除再粘貼
3)安裝
再次打開Sublime後需等待安裝結束(查看狀態欄,靜止不變),再次嘗試 

3.HTML5 4.CSS3 5.jQuery

相關文章
相關標籤/搜索