美文网首页
Yeoman自动创建angularjs项目

Yeoman自动创建angularjs项目

作者: 疯狂斗地普 | 来源:发表于2017-12-02 20:50 被阅读7次

一、安装环境搭建

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 generator-webapp@v0.6.2

相关文章

  • Yeoman自动创建angularjs项目

    一、安装环境搭建 1.node.js的安装 2. 安装yeoman 3.安装Angularjs生成器 二、 创建项目

  • 脚手架工具,Yeoman

    脚手架作用 创建项目基础结构,提供项目规范和约定 一条命令创建脚手架,完成项目目录分类 Yeoman Yeoman...

  • 使用Yeoman构建vuejs

    之前使用AngularJs的时候,一直用Yeoman构建项目,感觉还不错。接下里的项目定位使用轻量型的框架,...

  • 使用webstorm调试angularjs项目

    相信看到这篇文章的诸位已经能够使用yeoman搭建AngularJS项目了,此外webstorm的安装也非常简单,...

  • 使用yeoman来安装angular

    Yeoman帮助我们创建项目,提供更好的工具来使我们的项目更多样化。 Yeoman提供generator系统,一个...

  • Yeomen笔记

    Yeoman笔记 Yeomen是什么 Yeoman帮助你创建新的项目,规定最佳实践和工具来帮助你保证项目富有生产性...

  • yeoman+webpack+react

    yeoman+webpack+react yeoman 脚手架工具,项目开始阶段,使用yeoman来生成项目的文件...

  • 自动化构建

    脚手架的作用 通用脚手架Yeoman Yeoman是一款脚手架工具,可以帮助开发人员创建项目的基础结构代码 yo是...

  • 前端工程化

    yarn 1. Yeoman 安装Yeoman 安装generator 通过yo运行generator 在原有项目...

  • 简单了解Yeoman

    内容来源:Yeoman官方 Yeoman到底是什么?   Yeoman可以帮助开发者安装新的项目工程,同时约定了最...

网友评论

      本文标题:Yeoman自动创建angularjs项目

      本文链接:https://www.haomeiwen.com/subject/uzqobxtx.html