2012-04-28 59 views

回答

3

使用構建系統進行設置並使用F7啓動: http://readthedocs.org/docs/sublime-text-unofficial-documentation/en/latest/file_processing/build_systems.html?highlight=build以獲取有關設置的更多信息。

修訂ANSWER

複製以下:

{ 
    "cmd": ["sass", "--update", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"], 
    "selector": "source.sass, source.scss", 
    "line_regex": "Line ([0-9]+):", 
    "osx": 
    { 
    "path": "/usr/local/bin:$PATH" 
    }, 

    "windows": 
    { 
    "shell": "true" 
    } 

} 

在崇高的文本,轉到工具>構建系統>新構建系統>粘貼 給它一個名稱。答對了。

簡單之路

SASS Support in Sublime

Adding Support for near everything.

最簡單的方法

爲什麼DIY,當你不需要。

想要在每次保存時在打開的瀏覽器中進行網站更新?

  1. 一般來說,一定要安裝Ruby Git和Python。
  2. 安裝Nodejs。 (贏)主站點的.msi下載效果很好,包括npm 現在您可以訪問'gem'和'npm'包管理器。 現在事情變得簡單了,儘管我可能會寫出來很長時間。

  3. 指南針:

    寶石更新--system 創業板安裝指南針 //現在可以使用此命令 「/ myFirstWebsite」,以建立一個基於SASS項目 指南針創建myFirstWebsite // ..installs ..

  4. 安裝咕嚕客戶端(全局標誌)

    NPM安裝咕嚕-CLI -g

現在可以訪問咕嚕自動化成套的財富,即:

npm grunt-contrib-jshint --save-dev 

「開發」標記 - 適用於您的本地項目僅(當前和子文件夾) 也列爲一個「devDependency」包。JSON,這意味着它會不會被 擠滿了一個發行版/督促項目建設

  1. 時間進行一些簡單真棒......約曼

    NPM安裝喲-g

安裝yeoman(yo命令)一堆其他必需品 和Bower-twitter對Node/Gem等的響應 Bower負責包裹依賴關係。

真是太棒了?

// make a new folder. cd into it, and type: 
yo webapp 

// There are multiple 'generators' you can install with yo. 
// webapp is the one most suitable for front-end dev/web app building 

// other things you might want before you start.. maybe underscore: 
bower install underscore 
// adds '_' to the set-up as a dependency 

// These commands will brighten your day: 
grunt test  
// comprehensive testing of app 
grunt server  
// This part you'll love! Starts server and launches app in browser 
// - includes live-refreshing... save a file, and all required builds etc 
// are preformed (damn fast) and automatically refreshes browser. 
// Yup, 'grunt server' = project-wide equiv to 'compass watch' 
grunt 
// Build application for deploy. Not only do you get minification and concatenation; 
// also optimize all your image files, HTML, compile your CoffeeScript and Compass files, 
// if you're using AMD, will pass those modules through r.js so you don't have to. 
+0

「使用構建系統進行設置並使用F7啓動」,這是錯誤的。 雖然,通過文檔,我發現我的答案,謝謝你的鏈接。 該軟件包沒有將自己設置爲默認的文件類型構建系統,所以我不得不打開.sublime-build文件並自己添加它。 – 2012-05-01 16:03:36

+0

正確。目前沒有可以自動執行此過程的軟件包 - 鏈接。可以找到構建的關鍵綁定,搜索構建並在默認(OS)中更改.sublime-keymap - 在我的系統上,我係統上的構建快捷鍵被映射爲:{{「keys」:[「f7」],命令「:」build「}, \t {」keys「:[」ctrl + b「],」command「:」build「}'。由於我沒有改變默認設置,只有user-keymap,我認爲這是操作系統的通用鍵。我的猜測是,它是由另一個包添加。 – 2012-05-03 02:46:12

+1

這沒有幫助:鏈接上的說明僅表明問題,並且頁面上沒有鏈接到更相關的材料。我有一個非常類似於OP的問題,我不能相信OP是滿意的。 – Tom 2013-05-16 14:50:58