「YEOMAN」の版間の差分
ナビゲーションに移動
検索に移動
1行目: | 1行目: | ||
− | ==YEOMAN== | + | ==[[YEOMAN]]== |
[[Node.js]] | [[Bower]] | | [[Node.js]] | [[Bower]] | | ||
15行目: | 15行目: | ||
**ビルドツール | **ビルドツール | ||
===yo のインストール=== | ===yo のインストール=== | ||
− | * | + | *Yeomanプロジェクトでメンテナンスされており、[[Webアプリケーション]]のscaffolding "足場"を提案 |
*scaffoldingテンプレートをジェネレーターと呼ぶ | *scaffoldingテンプレートをジェネレーターと呼ぶ | ||
− | * | + | *典型的には、yoをインストールして[[npm]]経由でジェネレーターを利用する |
− | <blockquote> | + | <blockquote>npmは、[[Node.js]]のためのパッケージマネージャーで、[[Node.js]]にバンドルされている</blockquote> |
− | $ npm install -g yo | + | $ [[npm]] install -g yo |
− | <blockquote>npm 1.2.10 以降であれば、自動で、grunt および bower | + | <blockquote>[[npm]] 1.2.10 以降であれば、自動で、grunt および bower もインストールされる。手動でインストールするには、[[npm]] install -g grunt-cli bower</blockquote> |
− | ===Bower のインストール=== | + | ===[[Bower]] のインストール=== |
− | *Bower | + | *[[Bower]] |
===Grunt のインストール=== | ===Grunt のインストール=== | ||
− | $ npm install -g grunt | + | $ [[npm]] install -g grunt |
==scaffoldingの基本的な使い方== | ==scaffoldingの基本的な使い方== | ||
− | * | + | *[[YEOMAN]]ジェネレータ |
**http://yeoman.io/generators/ | **http://yeoman.io/generators/ | ||
− | === | + | ===[[Webアプリケーション]]の作成=== |
− | ==== | + | ====[[Webアプリケーション]]用ジェネレーターのインストール==== |
− | $ npm install -g generator-webapp | + | $ [[npm]] install -g generator-webapp |
====ディレクトリの作成と新しいプロジェクトの作成==== | ====ディレクトリの作成と新しいプロジェクトの作成==== | ||
$ mkdir my-first-yeoman | $ mkdir my-first-yeoman |
2020年2月16日 (日) 04:35時点における最新版
目次
YEOMAN
インストール
- yo
- scaffoldingツール
- bower
- http://bower.io/
- パッケージ管理ツール
- grunt
- http://gruntjs.com/
- ビルドツール
yo のインストール
- Yeomanプロジェクトでメンテナンスされており、Webアプリケーションのscaffolding "足場"を提案
- scaffoldingテンプレートをジェネレーターと呼ぶ
- 典型的には、yoをインストールしてnpm経由でジェネレーターを利用する
<blockquote>npmは、Node.jsのためのパッケージマネージャーで、Node.jsにバンドルされている</blockquote>
$ npm install -g yo
<blockquote>npm 1.2.10 以降であれば、自動で、grunt および bower もインストールされる。手動でインストールするには、npm install -g grunt-cli bower</blockquote>
Bower のインストール
Grunt のインストール
$ npm install -g grunt
scaffoldingの基本的な使い方
Webアプリケーションの作成
Webアプリケーション用ジェネレーターのインストール
$ npm install -g generator-webapp
ディレクトリの作成と新しいプロジェクトの作成
$ mkdir my-first-yeoman $ cd my-first-yeoman/
実行
$ yo webapp
© 2006 矢木浩人