-2

Foundation のスキルを身につけたいと思っていますが、PhpStorm (私のメインの Web プロジェクト IDE) が Foundation テンプレートを目的としているのを見たときの驚きではありませんでした。

テンプレートをダウンロードし、Foundation doc の冒頭を読んだ後、PhpStorm によって提供されたバージョンがオリジナルとはかなり異なっていることに気付きました。

ここに画像の説明を入力

Ruby のスキルはほとんどありませんが、Ruby、rails、compass gem、sass gem はインストール済みです。私の質問は、このテンプレートの使用方法と、きれいにコンパイルする方法です。

4

4 に答える 4

1

元の質問に対する編集/コメント:

このテンプレートを使用するメリットはありません。

通常の Sass/Scss ワークフローと同じように実行するだけです。

gem install zurb-foundation
compass create myproject -r zurb-foundation --using foundation
cd mymyproject
compass watch

ファイルを保存するたびに、compass は Scss ファイルをstylesheetsディレクトリにコンパイルします。

于 2013-08-02T20:01:16.543 に答える
1

私の推測では、scss フォルダーは 2 つあると思われます。1 つはプロジェクト ライブラリ用であるためです。たとえば、foundation です。このフォルダーには、ダウンロードしたコードが含まれています。現在、テンプレート フォルダー内の scss フォルダーは、Foundation のデフォルトの外観を操作するためのカスタム css コードである必要があります。

テンプレートを使用するには、インデックス ページまたはすべての HTML ページ内のすべてのファイルを参照する必要があります。

サスのウェブサイトから：

この Sass ファイルを CSS ファイルに変換するには、次を実行します。

sass --watch style.scss:style.css
于 2013-07-26T18:52:56.880 に答える
0

PhpStorm で Template または Foundation Project を使用しないでください。独自のものを作成してください。

Git、Ruby 1.9+、および NodeJs が必要です

  • まず、bower をインストールします: npm install -g bower grunt-cli

  • 次のインストール財団 : gem インストール財団

  • projetc ディレクトリに移動しましょう: cd /your_site

  • 新しい財団プロジェクトを作成してください! : 財団の新しいプロジェクト名 --libsass

それで全部です。

Foundation を更新する必要がある場合: Foundation ディレクトリに移動して、 Foundation update

于 2014-03-14T14:13:54.243 に答える