Yeoman通过生成器创建AngularJS项目

1.淘宝 NPM 镜像安装

由于npm太慢,npm默认源在国外,通过淘宝镜像,切换至国内,安装步骤:
<1>. 确保npm安装成功。
<2>. 通过以下命令执行,安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

一般情况下,就可以开始执行cnpm命令了,但或许在执行cnpm命令时,存在以下问题:

'cnpm' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

我们在安装cnpm时,提示信息如下:
在这里插入图片描述
去标注的地址查看:
在这里插入图片描述
发现并不存在命令脚本cnpm.cmd文件,在地址…\AppData\Roaming\npm下发现该文件。
随后,将该地址设置进环境变量中。
在这里插入图片描述
保存后,重新打开一个DOS窗口,执行cnpm正常运行。
在这里插入图片描述

2.通过Yeoman生成器创建AngularJS项目

确保你已安装node,npm,git bash
安装yeoman:关于grunt,bower的含义建议美文:用Yeoman构建AngularJS项目 或者官网查看。

cnpm install -g yo npm install -g yo grunt-cli bower

安装完后,安装angularJS的生成器模板,通过这个生成器会生成我们所需要的项目包,不需要自己动手构建:

npm install -g generator-angular

按照提示,完成创建。
这一篇美文:在Windows环境下用Yeoman构建AngularJS项目
我在创建过程如下步骤:
在这里插入图片描述
完成之后,执行命令:

grunt serve

开启初始化页面:
在这里插入图片描述
创建项目成功:
在这里插入图片描述
创建项目完成。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值