yeoman的安装、使用

来源:互联网 发布:yh线切割编程软件 编辑:程序博客网 时间:2024/05/21 17:39

前言,yeoman主要作为脚手架的用途,可以很简单的创建前端框架。主要是集成yo+gulp+bower:gulp,基于流的自动化构建工具;bower:包管理。之前由于grunt比gulp更为流行,所以yo自动构建的是grunt,但是现在自动构建的是gulp。关于yeoman的简介、包之间的工作方式等,我就不粘贴复制了,接下来主要讲一下安装。

安装前的准备工作:

检查系统中是否安装了Node.js、Ruby、Compass,Python

node.js的安装这里就不写了。Rudy,在网上下载安装包,选择安装文件夹,下面的三个勾选上,安装就完成了,查看是否安装完成在cmd中输入:ruby -v。

compass:      

 gem install saaa ;提示错误为:Could not find a valid gem 'sass' (>=0),here is why :unable to download data

gem install compass;提示错误为:Could not find a valid gem 'compass' (>=0),here is why :unable to download d

成功会提示 success,

可能会因为镜像的原因,链接不起,修改 源:gem sources --add http://gems.ruby-china.org/ --remove https://rubygems.org/


python:在后面,会安装gulp-sass,就需要安装node-sass,就需要安装python.

这里写图片描述

安装完成后,需要在系统环境中配置:path 地址,如:C:\Python27


还需要去 控制面板 > 程序> 打开或关闭Windows 功能,打开


这里写图片描述


OK,python 安装完成。

安装yeoman

npm install -g yo bower gulp-cli

yo
选择 webapp bootstrap BDD

gulp serve

可能的报错: gulp cannot find where yu keep you bower packages

解决方式:

bower install 
可能会报错: bower enogit git is not installed or not in the Path

解决方式:
配置git的环境变量 到系统变量中去,配置两个文件夹:cmd,bin
再次运行 ,OK

0 0