BootstrapProject

ステータス

ファイル構成

クローンまたはダウンロードすると、中には以下のディレクトリとファイルがあり、共通ファイルを論理的にグループ化しています。編集用としてassetsフォルダ、コンパイル済みのサーバアップロード用としてhtmlフォルダで構成されています。 以下を参考にしてください：

bootstrapProject/
└── assets/
│  ├── js/
│  ├── scss/
│  │  ├── mixins/
│  │  ├── utilities/
│  │  ├── _alert.scss
│  │  ├── ...
│  │  ├── _variables.scss
│  │  └── style.scss
│  └── index.html
└── html/
│  ├── css/
│  │  └── style.css
│  ├── images/
│  └── js/
├── .gitignore
├── gulpfile.js
├── package.json
└── README.md

編集ファイル一覧

• [ assets/index.html ] 初期フォーマットファイル
• [ assets/scss/style.scss ] Scssファイル

環境ファイル一覧

• [ .gitignore ] gitのアドに含めない除外リストファイル
• [ gulpfile.js ] タスクランナー(html/jsコピー・Scssコンパイル・BrowserSync)
• [ package.json ] npm使用モジュール一覧
• [ README.md ] GitHub使用説明ファイル

環境設定

• コンソール(Bash)を起動

$ bash

• プロジェクトフォルダ内に移動

$ cd Desktop¥zdxxxx¥sm.Ch04.BootstrapData¥bootstrapProjectData

• npmモジュールを追加(初回のみ)

$ npm i

• Gulpタスクビルド実行(起動確認)

$ gulp

• Gulpビルド停止

Ctrl + c

• ローカルリポジトリとして初期化

$ git init 
# gi

• 全てをアド

$ git add . 
# ga.

• コミット

$ git commit -m "first commit" 
# gcm "first commt"

• プロジェクトフォルダをリモートリポジトリと連動(初回のみ)

$ git remote add origin https://github.com/xxxxxxx/BootstrapProject.git
# grao https://github.com/xxxxxxx/BootstrapProject.git

• プロジェクトフォルダをプッシュ

$ git push -u origin master
# gpuom

制作進行中

• Gulpタスクビルド実行

$ gulp

• コンソールに別タブを作成(gulp監視とは別にgit操作用として画面を分割)

# タスクバーのアイコンを右クリックして「コマンドプロンプト」を選択

• プロジェクトフォルダ内に移動

$ cd Desktop¥zdxxxx¥sm.Ch04.BootstrapData¥bootstrapProject

• アドコミット

$ git add | git commit -m "add contents" 
# gacm "add contents"

• プッシュ

$ git push -u origin master
# gpuom