MEAN堆栈介绍
原作者： vkarpov15
翻译BY:ZZR-china
Posted on July 29, 2013
翻译与2016年3月1号
(友情提醒本文过于久远，仅适合初学者入门用)
第一章：配置你的工具
我收到几封邮件要我介绍怎样去建立一个基于MEAN堆栈的app。我将分成两部分去把它介绍给你们，这将带领你们创建自己的第一个mean-app通过安装工具并书写代码。在第一章我们会完成设置和安装过程，下一章我们会建造一个非常简单的to-do list应用。第一章包括7个小节，尽管只有前两节是必要的。
一开始我们要安装所有我们需要的工具。NodeJS和MongoDB被设计成尽量独立于操作系统，我们接下来会介绍到三个流行的操作系统 – OSX,Win7/8和Ubuntu。你需要启动的第一个工具是一个命令行窗口（标准linux命令行）。这一工具在不同操作系统上有不同的名字，但是在这篇教程中他们都能发挥相同的作用。如果我使用term terminal，shell或者command line,那么我指的是一个命令行窗口。如果你使用Mac或Ubuntu电脑，你需要使用Terminal。Windows没有默认的工具，但是你有一些可供选择的。我当前喜欢的工具是windows上的git的安装程序-“git bash”。
如果你使用OSX系统，我强烈推荐你安装Brew去帮助你完成这一过程。Brew是一个很好用的工具能够使你直接通过command line安装程序。举个栗子，如果你想安装git，你会打开你的浏览器，google “git” ,点击几个链接，下载安装工具，并且运行它。但是有了brew，你只需要打开终端，敲下‘brew install git’，按下enter键，就一切完成。Brew还能安装MongoDB和NodeJS。
1）安装 MongoDB
首先，我们要安装MongoDB.
OSX:打开的你的命令行窗口并且运行：
sudo brew install mongodb
Ubuntu: 打开shell并运行
sudo apt-key adv –keyserver keyserver.ubuntu.com –recv 7F0CEB10
echo ‘deb http://downloads-distro.mongodb.org/repo/ubuntu-upstart dist 10gen’ | sudo tee /etc/apt/sources.list.d/10gen.list
sudo apt-get update
sudo apt-get install mongodb-10gen
Windows:去 http://www.mongodb.org/downloads 网站并下载最新的windows版本下的MongoDB。
可以参见我的文章
2)安装NodeJS和npm
下一步我们要安装NodeJS和npm(node的包管理器)
Mac: Open your terminal and run
Mac:打开你的终端并运行
sudo brew install node
curl http://npmjs.org/install.sh | sh
(Instructions from http://madebyhoundstooth.com/blog/install-node-with-homebrew-on-os-x/)
Ubuntu:
sudo apt-get update
sudo apt-get install python-software-properties python g++ make
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs npm
Windows: 从 http://nodejs.org/download/ 下载安装工具。我建议使用安装工具好过自己把node放在文件夹中并添加到系统路径中。
当你成功安装NodeJS后，你会可以在命令行下运行”node”和”npm”命令。当你敲下”node”是，你会在命令行中看到“>”，按下“crtle+c”去关闭它。
当你运行“npm”，你会看到一串用法提示。记住“npm”命令往往需要根权限才能运行
。如果一个npm命令无故失败了，尝试在前面加上“sudo”。
到这里，你已经安装好你需要的工具去运行一个MEAN堆栈应用。你可以clone/fork
开始一个简单的“mongod”进程，在命令行下指向git仓库，并运行。
npm install -d
你应该能运行这一命令
node app.js
去开启你的服务。但是，我建议至少阅读下面的小节后再开始，因为接下来我会解释一些工具的细节。你可以一步步跟着mean-stack-skeleton项目的提交日志来，因为那些提交是按照4-7小节来完成的。
3) 安装ExpressJS
现在你已经安装好MongoDB和NodeJS，是时候去安装ExpressJS了-这对现在的我们来说很简单，只要打开终端并运行
npm install express -g
“-g”标签代表着全局安装，之后你可以直接在你的终端上运行express命令（现在你可能需要再安装express-generator，因为express4.0后，命令行工具被分离了出去
npm install express-generator
）
现在，我们开始使用ExpressJS了，它在nodejs的基础上扩展了Web应用所需的功能。与你所认知的相反，nodejs并不包含所有的web应用所需功能。nodejs只是一个为了解决I/O问题基于js建造的并发形、事件驱动框架的简单工具。他可能足够去在每一个HTTP请求头返回“Hello,World”，但是很难应用它去建造一个复杂的web应用。ExpressJS为你提供了流行的MVC框架。
4）创造一个ExpressJS 应用
现在我们有了所有我们需要的应用工具，让我们开始创建ExpressJS 应用吧。打开命令行工具，输入：
express mytestapp
cd mytestapp
npm install
这会建立一个“mytestapp”文件夹在你的目标路径下。然后你就可以运行：
node app.js
在“mytestapp”文件夹下，在你的浏览器中访问 http://localhost:3000 ，你能看到一个简单的“Welcome to Express” 页面。
在“mytestapp”文件夹会包含一些子文件：routes, views, public, node_modules还有app.js 和package.json文件。下面是一些简洁的介绍关于这些文件和文件夹的作用：
app.js:最主要的入口开启你的web服务。这个文件定义了你的应用监听的端口，包括了通过“require” 功能定义的依赖，和设置不同的环境路径。(更多app.js介绍可以参看图灵社区的文章结构app.js)
package.json:定义了应用的内部依赖。运行 “npm install -d” (当我们修改这个文件时我们可以使用这一简单的命令) 安装所有在依赖文件列出的依赖模块。
routes:routes文件夹将包括一些在app.js中定义好的JavaScript处理器。举个栗子，当你打开index.js时，你会发现回应”/“路径的处理器，将渲染存在于”views/index.jade”的”index”模板。
views:views文件夹将包含在jade语法中定义的模板。jade是一种干净和更适于人类阅读拥有丰富功能（继承等）的HTML语法（必死强迫症语法）。你的路由将通过“res.render”功能得到视图。
public:public文件夹通常用来存储图片、客户端JavaScript和其他资源。ExpressJS 将按路线发送请求到public相应的文件下。例如，如果你运行
node app.js
并访问 http://localhost:3000/stylesheets/style.css，你将看到Express 返回有 “public/stylesheets/style.css” 内容的文件。
node_modules: node_modules文件夹包含了通过npm安装的工具的代码。
5)安装驱动程序和MongooseJS
现在我们要安装MongooseJS–一款为了让我们在NodeJS方便使用MongoDB 的工具。MongoDB是一个基于分布式文件存储的数据库,要在NodeJS中使用MongoDB ，我们需要NodeJS 驱动。MongooseJS 可以帮助我们实现这一点。
打开package.json，你会发现其中有下面的文字：
“dependencies”: {
“express”: “3.0.3”,
“jade”: “*”
}
我们要添加两行
“dependencies”: {
“express”: “3.0.3”,
“jade”: “*”,
“mongodb”: “>= 0.9.6-7”,
“mongoose” : “>= 3.6”
}
然后运行
npm install -d
如果你在OSX或Ubuntu平台下，你也许要运行 “sudo npm install -d”
现在我们可以在app.js中链接MongoDB 通过Mongoose :
var Mongoose = require(‘mongoose’);
var db = Mongoose.createConnection(‘localhost’, ‘mytestapp’);
6)使用Bower添加AngularJS
Bower是一款好用的npm下的工具用来添加js库并管理，例如你想添加jQuery到你的项目下，只需运行“bower install jquery ”。运行
npm install bower -g
bower会默认将文件下载到“/bower_components”中，但是我们可以通过设定改变这一点
在mytestapp文件中的“public/javascripts.” 目录下创建vendor文件夹，你可以使用 “mkdir public/javascripts/vendor.” 命令
在“mytestapp” 文件夹中创建 “.bowerrc”并输入以下文字：
{ “directory” : “public/javascripts/vendor” }
这些配置会让bower将需要的工具安装到“public/javascripts/vendor” 下面。
7)安装AngularJS
运行 “bower install angular#1.0.6.” 你会看到一个 “ public/javascripts/vendor/angular ” 文件包含 “angular.js,” “angular.min.js,”和“bower.json”。
