在 windows(cygwin) 或 mac 下安装git、node、ruby等前端开发环境-阿里云开发者社区

开发者社区> xzvswdy> 正文

在 windows(cygwin) 或 mac 下安装git、node、ruby等前端开发环境

简介:
+关注继续查看

我记得每一年技术部年会都会由老大说出一个技术主题,之前有服务化、模块化、工具化、数据化等等等等,今年的主题是全栈。遥想当年,在供职过的两家公司什么抗机器、装机架;什么安装系统、加固、搭建Web或任务应用的前后端环境、打包发布、网络配置;什么JavaScript、CSS、VB、.NET、PHP、JAVA等等语言;什么Mootools、JQuery、Ext、Lucene、Solr、Hibernate、Spring;什么Oracle、Mysql、SQLServer、MongoDB、PL/SQL -- 我都耍的有模有样。然后加入阿里,在感叹分工明确、精益求精之余在专业上深入挖掘,再然后要全栈了,不免有些五味杂陈,当然之前也谈不上全栈,我理解的全栈不是Java写的比前端好,CSS写的比后端好,而是各个方面都比较深入,且能快速学习新的理论与技术。提到搞全栈,不由得想到两个正负能量的词:"剩余价值"、"终身学习",于我,后者想的多一点。

跑偏了,好了,接下来我们就来看一下如何搭建前端开发环境并将你的代码推送到线上。

前端开发环境软件安装列表:

  • 命令行环境

  • Git

  • Node.js (NPM)

  • Grunt

  • TNPM、DEF

  • Ruby (RubyGems)

  • Sass、Compass

命令行环境

Windows下建议使用Cygwin来构建命令行环境,省力省资源。

安装Cygwin要注意必须用32位的版本:https://www.cygwin.com/setup-x86.exe 。如果是64位版本在使用RubyGems的时候会卡住,如下:

gem sources --add https://ruby.taobao.org/
      0 [main] ruby 9156 D:\cygwin64\bin\ruby.exe: *** fatal error - NtCreateEvent(lock): 0xC0000058
Hangup

我安装Cygwin的姿势:

1.分两个文件夹,一个cygwinsetup用于存放安装器(setup-x86.exe)和下载的临时安装文件、一个cygwin是实际命令行的路径。

2.点开setup-x86.exe,一路Next:选择在线安装 -> 填写根路径cygwin -> 填写下载的临时安装文件保存路径cygwinsetup -> 选择镜像站点(选国内163或阿里云)。

3.来到了选择安装包页面上,如果你硬盘足够大可以不管三七二一,全部安装,点击列表ALL旁边的Default将其切换到Install状态。当然,这要花上很漫长的时间,所以还是稍后按需获取吧,跳过选择安装包的话会安装基本的环境,继续一路Next完成安装。

Mac 自带。

Git

在Cygwin里安装Git你可以通过Linux命令行方式源码三步走安装(configure;make;make install),或者通过Cygwin的安装器安装也是很方便的。

再次打开Cygwin的cygwinsetup/setup-x86.exe,到选择安装包页面,然后选择如下安装包(上面选择了ALL Install的土财请绕过):

  • git

  • git-completion

  • vim

  • openssh

配置用户名、邮箱及ssh-key,gitlib可以设置commit者必须是注册用户,所以这里的用户名和邮箱地址必须同gitlib的注册用户名和邮箱。

git config --global user.name "${yourname}"
git config --global user.email "${yourname}@alibaba-inc.com"

// 生成ssh-key
ssh-keygen -t rsa -C "${yourname}@alibaba-inc.com"

// 将~/.ssh/id_rsa.pub中的文件内容copy至 http://gitlab.alibaba-inc.com/profile/keys ,你就可以开始使用gitlib了。

Mac下如果已有MacPorts则

port selfupdate
port install git-core

如果有Homebrew则 brew install git ; 如果啥没有可以去下个dmg傻瓜包:http://sourceforge.net/projects/git-osx-installer/ ; 或者装个Github客户端: https://desktop.github.com/ ,妥妥的。

Node.js (NPM)

Node.js在Windows下的极速安装方式只需3步:

1.下载 https://nodejs.org/dist/v4.2.1/node-v4.2.1-x64.msi 。2.一路Next。3.终。

使用Cygwin安装选择如下安装包:

  • Devel->gcc-g++

  • Devel->gcc-mingw-g++

  • Devel->gcc4-g++

  • Devel->git

  • Devel->make

  • Devel->openssl-devel

  • Devel->pkg-config

  • Devel->zlib-devel

  • Editor->vim

  • Python->全部

  • Web->curl

  • Web->wget

然后下载 https://nodejs.org/dist/v4.2.1/node-v4.2.1-linux-x86.tar.gz ,解压 tar xzvf node-v4.2.1-linux-x86.tar.gz,命令行三步走安装。

Mac下两种方式,都仅需一步: port install nodejs OR brew install node

Grunt

有了Node.js后,自带了NPM包管理器,安装Grunt就很方便了,Windows下和Mac下一样,风一般的感觉:

npm install -g grunt-cli

TNPM、DEF

安装淘宝前端集成开发环境,同理两个命令搞定:

npm install -g tnpm --registry=http://registry.npm.alibaba-inc.com  # 安装 tnpm
tnpm install @ali/def -g  # 安装 def 客户端

Ruby (RubyGems)

Cygwin默认安装自带。

由于众所周知的原因,默认的Ruby安装包管理器RubyGems的默认地址https://rubygems.org/是不能用的。 需要更新一下安装资源地址到淘宝镜像:

gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
gem sources -l

Mac系统也自带~

Sass、Compass

Sass、Compass是CSS的一组扩展,让CSS变得如动态语言一般强大,有了上面的ruby安装器,安装起来也相当方便。

gem install sass
gem install compass

开始写代码

以一个简单的前端工程为例。

1.clone

git clone git@gitlab.alibaba-inc.com:${project-path}.git

2.创建分支

git checkout -b daily/${version}

3.grunt打包

grunt // 如果上面的插件安装正确,则这里grunt会顺利返回Success;如果还缺少一些需要的工具可以通过tnpm安装。

4.status、diff、add、commit

git status // 查看当前状态,哪些变更或新增
git diff // 查看变更
git add src/${name}.js // add文件,注意将build目录下的js压缩文件变更也一并add,不要遗漏
git commit -m "${info}" // 提交变更

5.部署daily

git push origin daily/${version}

6.正式发布

git tag publish/${version}
git push origin publish/${version}

发完收工,发布仅需半分钟,这酸爽~

总结

费的神马劲儿,且用Mac!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
整理一些前端开发比较好的node包
1.一个base64转换的包 !https://www.npmjs.com/package/js-base64 2 js 压缩 !https://www.npmjs.com/package/uglifyjs 3.
778 0
centos/linux 安装node.js
默认系统自带的2.4,版本过低,这里直接安装最新版本2.7 wget  http://www.python.org/ftp/python/2.7/Python-2.7.tar.bz2 tar jfvx Python-2.
799 0
git 安装 dos 找不到 ssh-genkey
  git 安装 找不到 ssh-genkey    使用Git的远程仓库,生成秘钥,遇到的问题     在 windows 文件搜索框中搜索 ssh-genkey       在 环境变量 中添加 GIT_HOME     在 执行 ssh-keygen -t rsa -C "curiousby@163.com" 不出问题了                      捐助开发者 在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。
778 0
Windows Phone 8初学者开发—第2部分:安装Windows Phone SDK 8.0
原文 Windows Phone 8初学者开发—第2部分:安装Windows Phone SDK 8.0 原文地址:http://channel9.msdn.com/Series/Windows-Phone-8-Development-for-Absolute-Beginners/Part...
1087 0
在windows平台下使用vscode当golang开发环境的配置
一、使用的平台与软件: 1、window 7 或者10,注意必须是64位,否则不能使用delve debug 2、go1.11.5.windows-amd64.msi 3、Git-2.20.1-64-bit.exe 4、VSCodeUserSetup-x64-1.31.1.exe 二、安装git,golang,vscode git软件全部使用缺省配置即可,安装完成后也不需要做太多配置; golang一般缺省安装在C:\go下 重点是需要设置GOPATH的环境变量。
2792 0
+关注
xzvswdy
07开始从事Java开发,做过一年多CRM,三年多移动内部审计系统。11年11月初加入alibaba,在安全部帐号安全方面做一点事情。13年8月转战淘宝营销,直面业务,既要快又要稳的设计开发着相关业务系统。喜欢研究Java开源相关技术。
11
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载