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 generator-webapp@v0.6.2
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,037评论 25 709
  • 脚手架这个词估计做前端的都很熟悉。在没有实现前端工程化的年代,前端代码的组织都是纯手工维护的。比如我要做一个网站页...
    橙乡果汁阅读 5,560评论 0 1
  • 1 下面是首歌: 二十岁的某一天 那年20岁 牛肉面真的是5元一碗 我们会在秋高气爽的下午一起漫步在校园的梧桐大道...
    木子Scorpio阅读 3,558评论 0 0
  • 我才不是没心没肺只不过有时候要酷酷的
    李弃疾阅读 49评论 0 0
  • 四月计划中我的主题是培养专注力,而我发现我已经偏离轨道了。 今天一大早就感觉晕晕乎乎,没睡醒的样子,脑袋也反应迟钝...
    Sunflower语阅读 1,504评论 0 0

友情链接更多精彩内容