あらためてfoundation 6 のproject作成

foundation プロジェクト作成2nd 5
, ,

前回、foundationでProjectを作成しようとした際には、「Gitをインストールするように」と表示され止まってしまいました。Gitをインストールしたところ、さらにPythonもインストールしておいたほうが良いらしいことを知り、インストールしています。

いよいよfoundationでサイトを作成するためのProjectを作ります。ドキュメントフォルダーの中にProjectフォルダーを作り、その中に各プロジェクトを収めていくイメージです。

では、さっそく進めて行きましょう。
 
1. "C:\Users\*****\Documents\project"をコマンドプロンプトで開きます。以下のコマンドを入力し「Enter」キーを押します。

foundation new

 

foundation プロジェクト作成2nd 1

2. 「? What are you building today? (Use arrow keys)」(何を作りますか)とたずねてきますので、「A website (Foundation for Sites)」が選ばれた状態のまま「Enter」キーを押します。矢印キーで選ぶことができます。

foundation プロジェクト作成2nd 2

3. 「What's the project called? (no spaces)」(プロジェクト名は)とたずねてきますので、プロジェクト名を入力します。スペースを入れてはいけないそうです。もちろん、半角英数字のみの名称を入力します。日本語を使ってはいけません。

今回は、「new_project」として進めます。「Enter」キーを押します。

foundation プロジェクト作成2nd 3

4. 「Which template would you like to use? (Use arrow keys)」(どちらのテンプレートを使いますか)とたずねてきます。矢印キーでどちら選びます。「Enter」キーを押します。

  • Basic Template: includes a Sass compiler
  • ZURB Template: includes Handlebars templates and Sass/JS compilers

今回は、「ZURB Template」を選びました。

foundation プロジェクト作成2nd 4

5. foundationテンプレートのインストールが開始されます。

foundation プロジェクト作成2nd 5

6. 途中エラーも出てましたが、インストールが完了しました。

foundation プロジェクト作成2nd 6

7. 実際に作成されたnew_projectのフォルダです。

foundation プロジェクト作成2nd 7

8.