前端开发一些环境搭配笔记

前端开发 4722 Views 1 Comments
前端开发一些环境搭配笔记
1.git flow
git flow原理:http://nvie.com/posts/a-successful-git-branching-model/
相关文章:http://www.jiangyouxin.net/2013/02/15/git_flow_all.html
实践:  http://www.jeffkit.info/2010/12/860/
  http://hi.baidu.com/bigfacecat010/item/f19191e801b0910f8d3ea884
gui界面程序(for windows & mac):http://www.sourcetreeapp.com/
2.装nodejs 和npm
http://nodejs.org/
直接点击INSTALL,默认会带着一起安装npm,一般不要改。
nodejs是javascript解释器,用来运行grunt等各种用js写成的脚本。
3.windows下装scp命令行
$ npm install scp2 -g
带-g参数,表示可以在任意目录下用scp2命令。
scp命令作用为linux下通过ssh远程互相拷贝文件。
模块源代码地址
https://github.com/lepture/node-scp2
示例,给xx的机器(xx机器为linux)上面拷贝文件,请先cd到 本地的 dir1 的根目录,然后命令行中:
scp2 dir1 yanghua:0908@192.168.199.221:/home/yanghua/1
从xx机器上面下载文件,
scp2 yanghua:0908@192.168.199.221:/home/yanghua/1 dir1
windows下,可以安装ssh服务端来支持linux的scp远程文件拷贝,请搜索freeSSHd,linux是自带了ssh服务端,
无需安装。
4.安装grunt-cli
$ npm install -g grunt-cli
作用是全局安装grunt命令行。允许你从任意目录中运行Grunt。
参考:http://gruntjs.com/getting-started
5.安装spm
$ npm install spm -g
spm是一个模块管理器,适合cmd规范的模块开发管理。
参考:http://docs.spmjs.org/doc/
6.安装spm的一些插件
$ npm install spm-init -g
spm init 命令可以初始化一个标准的 CMD 模块,就是在一个文件夹下面帮你自动生成一个cmd模块标准目录结构。
参考:http://docs.spmjs.org/cli/init
$ npm install spm-build -g
spm build 命令可以构建一个标准CMD 模块, 就是将文件中的包含关系替换,然后在dist文件夹下面生成js和压缩过的js。
参考:http://docs.spmjs.org/doc/spm-build.html
$npm install spm-deploy -g
spm deploy 命令可以将构建好的 CMD 模块,发布到测试服务器中。
spm deploy插件是淘宝前端工程师为淘宝前端专门写的,这里已经修改为一起好使用。请用附件中的spm deploy文件替换掉原文件。
windows下,此插件的路径一般为:C:\Users\jun\AppData\Roaming\npm\node_modules\spm-deploy
示例:进入 D:\workspace\yiqihao_refract\public\assets\hao 目录,该目录放置yiqihao的前端模块。
里面已经有几个标准模块,比如common,util,index
假设,新建一个标准模块,nav,该模块作用是处理导航。
windows命令行如下:
cd /d D:\workspace\yiqihao_refract\public\assets\hao
mkdir nav
cd nav
spm init
回答几个问题,就会生成一个nav模块。
编辑nav/package.json,指定依赖,描述等,请参照其他已有模块。
写完源代码,就可以构建该模块。
命令行:
spm build
构建完成之后,可以发布到测试服务器中,供页面或者其他模块调用。
spm deploy -v

 

转载请注明:一只羊博客 » 前端开发一些环境搭配笔记

分享到:
(0)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 关注一下了。~

    无节操妹子版可爱颂2014-01-24 12:02 回复