小鱼儿

1.node.js安装max:cakebrewlinux:apt -get,yumwindows:git-->git bash shell2.npm 管理包npm install -g grunt-cli ：全局安装 grunt3.npm install 如果什么都没有跟，则会去当前目录寻找一个package.json文件，找到了就按声明来安装4.yeoman ,bow

1.建立项目： yo webapp grunt-yo-webapp2.运行： grunt server

1新建工程： mkdir grunt-in-action cd grunt-in-actionmkdir grunt-by-yo cd grunt-by-yo安装webapp生成器：npm install -g generator-webapp2.建立webapp项目 yo webapp grunt-by-yo:安装webappgruntfile.js //读取外部配置文件：

发这篇文章的理由是：今天终于在Win7环境下完成了NodeJs、Yo(来自Yeoman的脚手架工具)、Grunt（构建工具）、Bower（包管理工具）的安装和简单部署，虽然只是前端工程化的一小步，但是已让我有点小兴奋。O(∩_∩)O哈哈~再也不用到YUI Compressor上去压缩JS&CSS；再也不用把png图片一个个拖到TinyPNG进行在线压缩（和熊猫哥哥说再见了）；再

1.代码蓝色背景的 ：为要提交的部分2.如果不想部分代码提交可以使用鼠标点击，取消提交蓝色3.revert ：回滚代码，并创建一个新的版本，代码前的 － 号表示回滚的代码 + 号表示提交的部分4.创建分支：多个分支都支向这个代码，但在该分支的编辑和提交的代码不会出现在其它分支中5.删除分支：先切换到别的分支上，再删除想删的分支，删除远程的分支unpublish6.合并分

来聊创建自己的 Build System。如果你发觉你总在输入重复的文字内容，那就要用前面的代码补全的功能。如果你发现有一系列操作或者是命令是要很频繁的执行的，例如一个软件写完之后要测试编译执行看报错，那就可以把这些操作写成一个 build，一键完成。参考 这里 。chrome 打开 html 文件名字虽然叫 build 但是执行的任务也不是非得编译软件，任何命令都可以呀，

1各式各样的模具：GeneratorangularJS :是mvvm的框架2.安装需要的生成器npm install -g generator -angular测试：1.mkdir  yo-in-action2.cd yo-in-action/3.mkdir angular-in-action4.cd angular-in-action5.yo angular

Tab 补全Settings Defualt 下有这些内容"tab_completion": true,意思是打开一个文件，敲一个触发词，然后敲 tab 是能补全成一个片段的。这个没有什么陌生的，前面 snippets 一集，就属于这种情况。只不过不是唯一的一种情况。根据 这里 的说明，tab 补全功能依次会在下面四个地方去找触发词，英文术语叫 Trigger 。

snippet 这个英文单词的意思就是，小片段。 sublime 可以让用户创建自己的 snippet 。寻找重复操作创建什么呢？这个不是凭空想出来的，而是要定位自己日常工作中的重复性劳动。比如我在写视频笔记的时候，用的时 github 的 jekyll 这种格式，每个页面头上都要有这样几行内容---layout: defaulttitle: 标题---而且输入

One Place for Allsublime 有一个很简单的特点，就是所有用户自定制的内容都会放在一个文件夹中。不同的操作系统肯定是不同的，google 一下就知道了，不过 Mac 系统下是~/Library/Application Support/Sublime Text 3/Packages/User写到这里的数据是不会被自动升级而被覆盖的。可以到 menu->Sub

测试：1.mkdir bower-in-action 项目名2.mkdir jquery-bootstrap-in-action3.安装 jquery: bower install jquery4.安装bootstrap: bower install bootstrapbower多种案装：1.github的短语安装： bower install jquery/jqu