Yeoman自动创建angularjs项目

一、安装环境搭建

1.node.js的安装

确保安装的是最新版的node.js, 运行cmd命令 node -v可查询安装node.js版本,npm -v 可查询npm的安装版本,npm是跟随者node.js一同安装的

2. 安装yeoman

yeoman分为三个模块 yo bower grunt,运行命令npm install -g yo bower grunt-cli 进行全局安装
最新版本的yeomen使用gulp替代了grunt
输入yo --version ,bower --version可以查看安装版本
  输入grunt显示如下信息说明grunt-cli安装成功:
  grunt-cli: The grunt command line interface (v1.2.0)

  Fatal error: Unable to find local grunt.

  If you're seeing this message, grunt hasn't been installed locally to
  your project. For more information about installing and configuring grunt,
  please see the Getting Started guide:

  http://gruntjs.com/getting-started    

3.安装Angularjs生成器

npm install -g grnerator-webapp

二、 创建项目

创建并切换到新文件夹
mkdir my-angular && cd my-angular
执行命令 yo 或yo webapp 或 yo angular
根据提示选择安装
运行命令启动程序 grunt serve 或grunt serve --force

在angularjs项目中会存在使用gulp替代grunt的现象,是因为官方逐渐使用gulp替代grunt
此时在项目中不会生成gruntfile.js文件在package.json中也没有自动构建grunt安装

使用此命令将generator-webapp的版本降低到0.6.2就可以了
npm install [email protected]

你可能感兴趣的:(Yeoman自动创建angularjs项目)