3

パッケージSASSとSCSSがインストールされています。SCSS はシンタックス ハイライトを提供し、SASS は scss に必要なビルド システムを提供します。私の問題は、ビルドが自動に設定されている場合、ctrl + bを押してもscssファイルがビルドされないため、常に戻ってそのオプションを再選択する必要があることです。そのビルドシステムを scss の自動ビルドシステムにする方法はありますか?

4

1 に答える 1

3

ビルド システムを使用してセットアップし、F7 で起動し ます。上。

更新された回答

以下をコピーします。

{
  "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"
  }

}

Sublime Text で、[ツール] > [ビルド システム] > [新しいビルド システム] > [貼り付け] に移動し、名前を付けます。ビンゴ。

よりシンプルな方法

Sublime での SASS サポート

ほぼすべてのサポートを追加。

最も簡単な方法

必要がないのになぜDIYするのか。

保存するたびに開いているブラウザーでサイトを更新したいですか?

  1. 一般に、Ruby Git と Python がインストールされている必要があります。

  2. Node.js をインストールします。(win) メイン サイトからの .msi ダウンロードは正常に機能し、npm が含まれています。これで、'gem' および 'npm' パッケージ マネージャーにアクセスできるようになりました。長々と書いたほうがいいかもしれませんが、今は簡単です。

  3. 方位磁針：

    gem update --system gem install compass // このコマンドを使用して sass ベースのプロジェクトを構築できます compass create myFirstWebsite // ..「/myFirstWebsite」にインストールします..

  4. Grunt クライアントをインストールする (グローバル フラグ)

    npm install grunt-cli -g

豊富な Grunt 自動化パッケージにアクセスできるようになりました。

npm grunt-contrib-jshint --save-dev

「dev」フラグ付き - ローカル プロジェクト (現在およびサブ フォルダー) のみに適用され、package.json の「devDependency」としてリストされます。つまり、ディストリビューション/製品ビルドでプロジェクトにパックされません。

  1. シンプルで素晴らしい... Yeoman

    npm install yo -g

yeoman (yo コマンド) をインストールし、その他の重要な要素のヒープと Bower - Node / Gem などに対する twitter の応答 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.
于 2012-04-30T05:33:39.713 に答える