Yeoman入门之安装及环境配置
http://blog.csdn.net/panlingfan/article/details/27345037
http://www.nodejs.orgYEOMAN的特性
- Yeoman 是 Google 官方推荐的一款 AngularJS 开发工具。
- 闪电般的初始化:项目开始阶段,可以基于现有的末班框架(例如:HTML5 Bolierplate、Twitter Bootstrap)进行项目初始化的快速构建。
- 了不起的构建流程:不仅仅包括JS、CSS代码的压缩、合并,还可以对图片和HTML文件进行优化,同时对CoffeScript和Compass的文件进行编译。
- 自动编译CoffeScript和Compass:通过LiveReload进程可以对源文件发生的改动自动编译,完成后刷新浏览器。
- 自动Lint代码:对于JS代码会自动进行JSLint测试,确保代码符合最佳编程实践。
- 内置的预览服务器:不再需要自己配置服务器了,使用内置的就可以快速预览。
- 惊人的图片优化:通过使用OptiPNG和JPEGTran来优化图片,减少下载损耗。
- 杀手级包管理:通过bower search jQuery,可以快速安装和更新相关的文件,不再需要打开浏览器自己搜索了。
- PhantomJS单元测试:可以非常方便的使用PhantomJS进行单元测试,一切在项目初始的时候都准备好了。
- 检查系统中是否安装了:Node.js、Ruby、Compass、Python。
- Mac下安装Node.js非常方便,首页提供了一个pkg下载,双击后可以默认安装node、npm到/usr/local/bin下,我们只需要确保/usr/local/bin包含在PATH变量中就可以。windows下安装node.js的方法见:http://blog.csdn.net/panlingfan/article/details/27083909
- Mac Mountain Lion 下自带了Ruby,所以也就不需要再单独安装了,windows下安装ruby的方法请看下面的”安装ruby“。
- Compass安装需要依赖于Ruby Gems。所以只有先安装了ruby,才能安装Compass,安装方法请看下面的”安装Compass“。
安装
- 在ruby的官方网站http://rubyinstaller.org/downloads/下载ruby的安装文件,Ruby 2.0.0-p481表示windows的32位系统,Ruby 2.0.0-p481(x64)表示windows的64位系统。用户可针对各自电脑型号下载相应的安装包
- 安装包下载成功后,运行安装文件,按照步骤依次安装,特别强调,安装时下图中的三个框全部选中。
- 安装完成之后,打开命令行(如果找不到命令框,在开始程序那里的搜索框中搜索ruby,就会出现这样一个选项,,直接打开即可),在命令行中输入以下命令:ruby –v。如果成功打出了版本号,说明Ruby安装成功(下图中的C:\Users\win7>不用在意,直接输入ruby -v即可)。
- Compass是依赖于ruby的,如果电脑上没有安装ruby,就无法安装compass。
- 在ruby命令行中键入:gem install compass(windows系统下),sudo gem install compass(Linux或OS X下)。等待30秒的样子,看到几条这样的信息就表示安装成功了。
- 键入命令测试是否正常:compass -v。如果出现以下代码表示compass正常运行。
- 在官网下载python的安装包https://www.python.org/downloads/release/python-341/
- 按照安装步骤依次安装,安装成功后,配置python的环境变量,配置环境变量步骤如下
1、单机我的电脑右键,选择‘属性’ 2、单击‘高级系统设置’,打开系统属性对话框
3、在‘系统属性’对话框单击‘环境变量...’,打开‘环境属性’对话框。
4、在‘环境变量’对话框里选中变量名称为path的变量,单击‘编辑’按钮,打开‘编辑系统变量’对话框
5、在‘编辑系统变量’里的‘变量值’一栏中所有变量值的最后加上一个英文版的”;“,然后加上将python.exe所在的目录复制上去,比如我的python.exe的路径为D:\python34 - 以上步骤做完后点击三个确定,即完成python的简易安装。
- 打开cmd命令框,输入python命令即可检测是否安装成功,如果出现以下代码表示安装成功
- 在node.js命令框中运行:npm install yeoman,等待大概2秒,会出现以下代码,如果你的网速比较慢,可能会下载很久,等吧。
- 看到下图这张说明yeoman安装成功。
- 配置Yeoman的环境变量,我的node.js在C:\Program Files (x86)\nodejs里面,和Yeoman不在同一个路径,不要把两者路径混淆了。配置Yeoman的环境变量和配置python的环境变量一样,不过把最后一步的‘变量值’的路径改成yeoman的路径即可,我的Yeoman的路径为:C:\Users\win7\node_modules\.bin
- 环境变量配置成功后,打开cmd命令窗口,如果找不到,可以在开始程序那儿搜索cmd,即可找到cmd命令。键入:yeoman init
- 所有问题全部输入y(y表示yes),然后回车,Yeoman会自动创建一些目录和文件。完成之后输入yeoman server启动服务器。
- 成功之后会自动弹出你的默认浏览器,显示如下:
- 如果看到以上内容,说明你的yeoman环境已经ok了,如果有报错,内容无法再默认浏览器中出现,使用以下命令尝试强制启动:yeoman server -force,如果强制启动成功就算ok,有一些小错误可以无视,不影响开发的(yeoman一直在弄一些新东西,不太稳定)。
Yeoman入门之安装及环境配置的更多相关文章
-
ROS入门笔记(二):ROS安装与环境配置及卸载(重点)
ROS入门笔记(二):ROS安装与环境配置及卸载(重点) [TOC] 1 ROS安装步骤 1.1 ROS版本 ROS目前只支持在Linux系统上安装部署, 它的首选开发平台是Ubuntu. 发布时间 ...
-
Jmeter入门(1)- 什么是Jmeter以及Jmeter的安装和环境配置
一. Jmeter简介 Jmeter时Apacha公司使用Java平台开发的一款测试工具 二. Jmeter可以做什么 Jmeter可以用来做接口测试.性能测试.压力测试.数据库测试.Java程序测试 ...
-
Kinect for Windows SDK开发入门(一):开发环境配置
[译]Kinect for Windows SDK开发入门(一):开发环境配置 前几天无意中看到微软发布了Kinect for windows sensor,进去看了一下Kinect应用的例子,发现K ...
-
win系统下nodejs安装及环境配置
第一步:下载安装文件下载nodejs,官网:http://nodejs.org/download/,我这里下载的是node-v0.10.28-x86.msi,如下图: 第二步:安装nodejs下载完成 ...
-
Laravel教程 一:安装及环境配置
Laravel教程 一:安装及环境配置 此文章为原创文章,未经同意,禁止转载. Homestead 最近在SF上面看到越来越多的Laravel相关的问题,而作为一个Laravel的脑残粉,本来打算有机 ...
-
Python学习 1 一 Python2.75的安装及环境配置教程
Python2.75的安装及环境配置教程 Python的语法简洁,功能强大,有大量的第三方开发包(模块),非常适合初学者上手.同时Python不像java一样对内存要求非常高,适合做一些经常性的任务方 ...
-
Node.js安装及环境配置之Windows篇
Node.js安装及环境配置之Windows篇 一.安装环境 1.本机系统:Windows 10 Pro(64位)2.Node.js:v6.9.2LTS(64位) 二.安装Node.js步骤 1. ...
-
Infer 在 Mac 上的安装和环境配置
Infer 在 Mac 上的安装和环境配置 Infer 介绍 Infer 是一个静态分析工具.Infer 可以分析 Objective-C, Java 或者 C 代码,报告潜在的问题. 任何人都可以使 ...
-
QT的安装及环境配置
QT的安装及环境配置 一.windows的下QT的安装及环境配置 (一)从框架安装程序中安装 步骤: 准备:下载QT库,下载指定版本的MINGW,QT IDE 1.下载QT安装文件如:qt-win-o ...
随机推荐
-
通过配置web.config使WCF向外提供HTTPS的Restful Service
如何通过WCF向外提供Restful的Service请看如下链接 http://www.cnblogs.com/mingmingruyuedlut/p/4223116.html 那么如何通过对web. ...
-
android 图片占用内存与什么有关
android 图片占用内存与什么有关 原文链接:http://blog.csdn.net/zjl5211314/article/details/7041813 在开发手机应用的时候,内存是有限的,那 ...
-
sql数据库之间数据的转录
private void Form1_Load(object sender, EventArgs e) { BindDataBase(combDataBaseNew, , ""); ...
-
Android SDK 环境变量配置(Windows)
Android 开发需要进行adb的配置, 这里使用的是 adt-bundle-windows-x86_64-20140321, 里面捆绑的有 eclipse ,不需要再进行 其他的配置,直接下载解压 ...
-
CoreGraphics--饼状图
//传入数据,饼状图 pieChartView.dataArr = @[@20,@50,@80,@70,@40]; - (void)drawRect:(CGRect)rect { // Drawing ...
-
Spring Cloud学习笔记-002
搭建Spring Cloud注册中心:Eureka 服务注册:在服务治理框架中,通常都会构建一个注册中心,每个服务单元向注册中心登记自己提供的服务,将主机与端口号.版本号.通信协议等一些附加信息告诉注 ...
-
Myeclipse在debug模式下没加断点程序卡住,start模式下可以正常启动
参考<eclipse在debug模式下卡住,start模式下可以启动>,地址:https://blog.csdn.net/jack_chen1994/article/details/761 ...
-
Java try和catch的使用介绍
尽管由Java运行时系统提供的默认异常处理程序对于调试是很有用的,但通常你希望自己处理异常.这样做有两个好处.第一,它允许你修正错误.第二,它防止程序自动终止.大多数用户对于在程序终止运行和在无论何时 ...
-
基于CRF工具的机器学习方法命名实体识别的过
[转自百度文库] 基于CRF工具的机器学习方法命名实体识别的过程 | 浏览:226 | 更新:2014-04-11 09:32 这里只讲基本过程,不涉及具体实现,我也是初学者,想给其他初学者一些帮助, ...
-
mysql 限制sql执行时间
mysql 5.7.8开始 max_execution_time applies to read-only SELECT statements. mysql> show variables li ...