前端的一推要安装的东西

nodejs ruby compass yeoman maven

其中除了maven,其他貌似都是前端未来要学习的框架,跟语言啊~

学习它们可以说是任重而道远的事情,为了给未来铺路,我特意写了一个教程帮大家装机,以便以后大家有需要学习的时候不会临急抱佛脚~

首先,大家要弄清楚它们的依赖关系:ruby -> compass -> yeoman <- node (被指向的就是它要依赖指向的)                                                        python ->

node.js/ruby的安装

node.js和ruby是其中最简单的,连环境变量都帮你配好了!所以,大家只要从下面的地址下载相应版本的,然后双击安装就好了(相应是指系统跟处理器位数哦~win的用户请下载msi,zip或者exe)

ruby:http://rubyinstaller.org/downloads/

node:http://nodejs.org/download/

了解Node.js的童鞋们应该能感觉到Ruby与Nodejs有很多相似之处。

Ruby环境内有个包管理器——GEM(是GEM哦!GEM哦!),它类似于Nodejs下的NPM,它随着Ruby一起被安装,因此不需要额外安装。啰嗦到这里,是因为sass和compass都是基于Ruby的包,一会儿我们安装Compass/SASS时会用到它。

如果安装成功,你在Windows下的command命令行里输入(node同):

ruby -v

应该能够得到Ruby的版本号。到这里,我们已经可以接着安装SASS/Compass环境了。

SASS/Compass的安装

首先,我们必须先安装SASS。我们可以在Windows的command命令行中输入

gem install sass

那么恭喜你,只要通常是不会成功的,因为国内的渣渣网速真是坑爹。所以,我们不妨换个网络代理

export http_proxy=’http://username:[email protected]:port/’

这就是所谓的“翻墙”?

或者,直接一点,用国内的,我们亲爱的淘宝

gem sources -a http://ruby.taobao.org/

GEM包是可以事先下载,再通过Windows下的command命令行离线安装的,GEM包下载地址是:http://rubygems.org/ ,在这里搜索需要的GEM包即可。然后,执行如下命令下载:(D:/gemfile是下载目录sass.gem是文件名)

D:
D:>cd gemfile
D:gem install --local sass.gem

compass的安装方法同上,只不过是名称换了一个而已。另外,更新GEM的版本,可以输入命令:

gem update --system

查看已安装的包

gem list

卸载(Ruby包允许多个不同版本共存,因此如果你需要更新某个包,直接安装可能不会覆盖旧的版本(SASS与Compass是否会这样未知。否则,你需要卸载它。)

gem query -remove
gem uninstall sass

还有一些SASS的使用方法:http://www.html-js.com/article/CSS-solves-the-installation-and-debugging-of-SASSCompass-scheme

http://damoqiongqiu.iteye.com/blog/1885371

python的安装

从这个地址里面下载最新版的:http://damoqiongqiu.iteye.com/blog/1885371

然后,配置环境变量:在path中加入python的安装路径即可

在cmd中测试可以直接输入python

至于,yeoman的安装如下(请跳到你要安装的目录下运行一下命令,如我:E:\ProgramFiles\nodejs\node_modules):

npm install yeoman

网速好的同学应该很快可以看到结果。

之后要配置环境变量:在path中加上,例如我的: E:\Program Files\nodejs\node_modules\.bin

但是!!

我要做一个悲伤的表情,因为yeoman在win下的支持有点差,简单点来说就是有的电脑可以装,有的就装不了,阿门。

时间: 2024-10-10 02:45:22

前端的一推要安装的东西的相关文章

nodejs+socketio+redis实现前端消息实时推送

nodejs+socketio+redis实现前端消息实时推送 1. 后端部分 发送redis消息 可以参考此篇实现(直接使用Jedis即可) http://www.cnblogs.com/binyue/p/4763352.html 2.后端部分: 接收redis消息 var redis; if(process.argv.length <= 2){ redis = require('redis').createClient(); }else{ redis = require('redis').c

Tip:SCOM 2012 R2推送安装代理报错处理

======================================================================== 通过SCOM 2012 R2服务器控制台为域内的服务器推送安装代理的时候报错:客户端已从服务器断开.请调用ManagementGroup.Reconnect()以重新建立连接,如图. 处理方式:原因是这些无法推送代理的客户端已经被手动安装的代理,但是这些手动安装的代理并没有正确指向到SCOM服务器. 我们可以切换到管理--挂起的管理中进行查看.如图.

salt推送安装

salt推送Nginx和DNS服务总结: 安装基本配置:salt master  配置如下 /etc/salt/master: interface: 192.168.2.128 auto_accept: True file_roots: base: - /srv/salt minion 配置如下/etc/salt/minion master: 192.168.2.128 user: root id: hw_1 在master上使用salt-key 下发秘钥收索minion salt-key '*

搭建PXE服务器,推送安装linux系统

搭建环境: 推送服务器: Ip:192.168.189.138 系统:CentOS 5.8 推送系统:RHEL 5.4 1:配置dhcpd服务. 如果没有安装dhcpd服务,请安装: # yum -y install dhcp.x86_64 # vi /etc/dhcpd.conf option domain-name "766.com";  default-lease-time 6000;   max-lease-time 11400;   authourtative;   next

前端vue框架 路由的安装及使用

安装: 1.cmd下输入: npm install vue-router --save //安装路由 2.npm run dev //重新启动 使用: 1.在mian.js下引入路由 import VueRouter from 'vue-router' 2.在mian.js下使用路由 Vue.use(VueRouter) 3.在mian.js下配置路由 const router(定义一个名字)=new VueRouter({ rotes:[ {path:"(路由)",component

解决红帽6.8无法使用前端包管理工具YUM安装程序包问题

红帽的YUM源需要注册用户才能更新使用,由于CentOS和RHEL基本没有区别,并且CentOS已经被REHL收购.所以将RHEL的YUM源替换为CentOS即可: 问题描述: 看安装提示信息 [[email protected] ~]# yum install httpd Loaded plugins: product-id, search-disabled-repos, security, subscription-manager This system is not registered 

前端自动化之babel本地化安装

npm添加package.json cd到项目根目录直接调用npm init 会创建package.json文件 本地安装bebel(并非全局安装,这种情况下cmd命令中babel命令不识别): 步骤参考http://babeljs.io/ 1.安装  npm install --save-dev babel-cli babel-preset-env 2.项目根目录创建 .babelrc文件 格式如下: 1 { 2 "presets": ["env"] 3 } 这个

前端大牛们都学过哪些东西?

CSS不能编程?用Less.Sass.Stylus.甚至直接用 Absurd,框架除了Bootstrap还有很多.JS写多了很麻烦?jQuery.移动开发?Zepto.js.结构不好?找框架,Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twitter还弄了个事件驱动框架Flight.库多了要优化加载?RequireJS. 代码质量成问题?Jasmine.QUnit.Mocha做单元测试.各种浏览器都要测?用Karma.测试通过了部署还有问题?持续集成,用Tra

前端可视化编程:liveReload安装,sublime 3

需要插件 sublime text3:View in Browser:LiveReload chrome:liveReload 配置方法 一:sublime text3 sublime 3下载地址: http://download.csdn.net/download/reggergdsg/9541966 1.在sublime text3安装插件 view in browser 注意(安装插件之前先安装Package Control: http://blog.csdn.net/weixin_364