前端攻略

什么是Webpack

Webpack是近期最火的一款模块加载器兼打包工具.是一个可以把所有资源(js,css,图片)以模块的形式来构成前端项目的项目插件.
通过配置文件(webpack.config.js )来加载不同的组件.
通过npm来安装.
Webpack 入门指迷
webpack 指引/配合gulp

Webpack对CommonJS的支持
require('lodash') // 从模块目录查找
require('./file') // 按相对路径查找

什么是node.

node.js是一个运行在chromeJavascript运行环境下（俗称GoogleV8引擎）的开发平台，用来方便快捷的创建服务器端网络应用程序。你可以把它理解为一个轻量级的JSP或PHP环境，但是用来开发Web应用的话，有时要便捷很多。
使用javascript作为服务器端的脚本语言.
总的来说，node.js可以像PHP一样开发动态网站和WEB应用。

npm是什么

NPM（node package manager），通常称为node包管理器。顾名思义，它的主要功能就是管理node包，包括：安装、卸载、更新、查看、搜索、发布等。
NPM是基于命令行的node包管理工具，它可以将node的程序模块安装到项目中，在它的官网中可以查看和搜索所有可用的程序模块。
npm的背后，是基于couchdb的一个数据库，详细记录了每个包的信息，包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是：将开发者从繁琐的包管理工作（版本、依赖等）中解放出来，更加专注于功能的开发。
NPM小结 - 程序猿小卡

什么是gulp.

Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的. (项目构建后可以使用webpack来打包)
前端构建工具gulp入门教程
gulp中文网

什么是Yeoman

Yeoman是Google的团队和外部贡献者团队合作开发的，他的目标是通过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流。可以特别方便的搭建一个前端开发环境

---

安装Node

通过HomeBrew安装node
1、安装Homebrew
安装Homebrew是为安装Node.js做前提准备。 安装命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

可以通过下面命令查看Homebrew是否安装成功
brew -v

第二步:安装node,在终端输入以下命令

brew install node 

第三步 查看node安装成功与否

node -v 

查看npm下安装的包

全局

npm list -g --depth 0

npm ls 查看安装的模块及依赖
npm ls -g 查看全局安装的模块及依赖
npm uninstall xxx  (-g) 卸载模块
npm cache clean 清理缓存
npm help xxx  查看帮助

安装Webpack

$ npm install webpack -g

安装gulp

$ npm install -g gulp