| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「YEOMAN」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
 
1行目: 1行目:
==YEOMAN==
+
==[[YEOMAN]]==
 
[[Node.js]] | [[Bower]] |  
 
[[Node.js]] | [[Bower]] |  
  
15行目: 15行目:
 
**ビルドツール
 
**ビルドツール
 
===yo のインストール===
 
===yo のインストール===
*Yeomanプロジェクトでメンテナンスされており、Webアプリケーションのscaffolding "足場"を提案
+
*Yeomanプロジェクトでメンテナンスされており、[[Webアプリケーション]]のscaffolding "足場"を提案
 
*scaffoldingテンプレートをジェネレーターと呼ぶ
 
*scaffoldingテンプレートをジェネレーターと呼ぶ
*典型的には、yoをインストールしてnpm経由でジェネレーターを利用する
+
*典型的には、yoをインストールして[[npm]]経由でジェネレーターを利用する
<blockquote>npmは、Node.jsのためのパッケージマネージャーで、Node.jsにバンドルされている</blockquote>
+
<blockquote>npmは、[[Node.js]]のためのパッケージマネージャーで、[[Node.js]]にバンドルされている</blockquote>
  $ npm install -g yo
+
  $ [[npm]] install -g yo
  
<blockquote>npm 1.2.10 以降であれば、自動で、grunt および bower もインストールされる。手動でインストールするには、npm install -g grunt-cli bower</blockquote>
+
<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ジェネレータ
+
*[[YEOMAN]]ジェネレータ
 
**http://yeoman.io/generators/
 
**http://yeoman.io/generators/
===Webアプリケーションの作成===
+
===[[Webアプリケーション]]の作成===
====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

Node.js | Bower |

インストール

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