您现在的位置:首页 >> 前端 >> 内容

使用MEAN进行全栈开发基础篇——1、先来弄个环境什么的

时间:2016/12/13 9:35:22 点击:

  核心提示:需要注意的是现在 Angular 和原文有点差异(包括译文)构建 Node 应用有很多选择,但 MEAN 全栈式框架最近变得非常流行,MEAN 代表:?* MongoDB:基于分布式文件存储的数据库,...

需要注意的是现在 Angular 和原文有点差异(包括译文)

构建 Node 应用有很多选择,但 MEAN 全栈式框架最近变得非常流行,MEAN 代表:
?* MongoDB:基于分布式文件存储的数据库,为 Web 应用提供可扩展的高性能数据存储解决方案。
?* ExpressJS:简洁而灵活的 Node.js Web应用框架,类似于 ASP.Net MVC 或 Rails。
?* AngularJS:Google 开发的用来构建 Web 应用的优秀前端框架。
?* NodeJS:JavaScript 运行环境,用于方便地搭建响应速度快、易于扩展的网络应用。


上正文啦!!!

编辑器,个人推荐 VSCode(Visual Studio Code)比较好用【虽然平时我用 Sublime 较多,当然用 Sublime 也可以,这里以 VSCode 示例】,然后插件需要装上这些:
Angular UI Bootstrap Snippets ExpressSnippet Pug (Jade) snippets Nomo Dark Icon Theme(可选文件图标主题) 稍作配置 VSCode,首先打开用户设置,在打开的 settings.json 文件里面粘贴下面内容后保存。用途是 a. 开启自动换行;b. 在保存文件时自动格式化;c. 插件自动更新。如果前面安装了 Nomo Dark Icon Theme,在文件图标主题里切换到这货上
{
    "editor.wrappingColumn": 0,
    "editor.formatOnSave": true,
    "extensions.autoUpdate": true
}

安装 MEAN 环境

先上 MongoDB
Mac 用户直接 brew install mongodb;Windows 用户看这里:https://www.mongodb.com/download-center,下载好以后,Mac 用户直接 brew services start mongodb;Windows 用户在安装时选择 Custom 安装在其他位置,安装好以后参考 将 MongoDB 服务器作为 Windows 服务运行 进行服务的配置并启动。

安装 Node.js
同样的 Mac 用户直接 brew install node 这个是自带 npm 的;Windows 用户访问 Node.js 中文官网,两个版本皆可,LTS 表示长期支持版。

安装 Express Generator
这个东西要在 Node.js 之后安装,打开命令行窗口执行 npm install -g express-generator 坐等完成… -g 表示全局安装。

Angular 不用安装,可以直接引用外部 CDN,如有需要,可以在创建项目后使用 npm install angular --save 安装,这里不用运行。。--save 参数表示添加 Angular 到你的 Web 应用依赖。

Tags:使用 用M ME EA 
作者:网络 来源:Right! Im