需要注意的是现在 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 应用依赖。