mac中yeoman构建你的项目

一开始用在mac中构建一个项目就遇到一个很奇怪的事,

做好各种准备工作后,我开始创建一个angular01作为测试目录,结果运行yo脚手架之后,选择angular工作流进行构建项目,出来的结果我开始慌了,完全不按照我的目录去创建文件

,而是在外面创建了一大堆文件。

 

解决方法:

外层的目录很可能已经有了yo的配置文件,去终端ls -a看看有没有下面这样的这样的文件,将其删除,重新试试即可

 

这个问题解决之后也还没有那么顺利,首先你可能遇到权限问题,yeoman没有权限在你的mac中创建目录文件,这导致报错严重

解决方法:

终端运行下面命令:

sudo chown -R $USER /usr/local/lib/node_modules

接下来你也不一定顺利,因为你的构造器可能需要sass,gulp-util什么的,这可能需要FQ才能顺利的下载

介绍一个mac中好用的FQ工具

有了这个,你在npm install中可能会顺利很多,当然你可以尝试cnpm的
在你安装顺利完成的情况下,我选择的generator是bootstrap-webapp,运行完指令之后

会帮你把很多事都给做了,是不是很酷
运行gulp serve


运行成功!
gulpfile有着各种配置项,可以定制化你的项目。
一个bootstrap+webpack+gulp的项目就构建好了
当然yeoman听说有着很多很多的generator,等着你去发现...




转载于:https://www.cnblogs.com/tanxu/p/5627371.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值