mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程

时间:2021-10-02 19:27:31

第一次在Mac OS X上搭建前端开发环境,做一个小小记录,包括一些与windows系统的区别和常用快捷键

首先,在进行环境搭建之前先来看一下苹果系统的“cmd”,也就是Terminal(终端)。

打开方式:百度经验

当然也可以在   “系统偏好设置 > 键盘 > 快捷键”中设置

mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程

mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程

     找到终端并打开后我们就可以像在windows上使用cmd一样,用命令行做一些熟悉的操作了,以下就是终端界面
       mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
      mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
注:打开多个终端的方法 command+N

1.nodejs 安装

  进入nodejs官网,选择os x 版本并下载。选择v4.2.3长效版
      mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
  下载完成后在finder中打开便自动完成安装。安装完成后打开终端,输入node -v  查看版本号
   mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
   安装成功。

2.express 安装

  等待更新

3.mongodb 安装与配置

在max os x 中安装mongodb有两种方法,一种是传统的编译法,还有一种就是用软件包管理工具homebrew下载(解决包依赖问题
首先下载homebrew,打开前面说的终端,输入
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

等待一会儿直到看到

mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
按下任意键并输入密码(输入密码时什么都不会显示),回车就开始安装。
如下已经安装好
mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
继续在终端中输入,等待更新
brew update

等待完成后输入,安装mongodb二进制文件

brew install mongodb

等待安装完成后就可以使用mongodb 了

注意:如果你遇到了一下问题,即你发现安装进度很久不动了,可能是网络卡住了control+c 终止进程并且重新执行一次brew install mongodb就可以了,支持断点续传
mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
开始mongodb,首先要先建立一个文件夹存储mongodb产生的数据,mongodb的默认路径是 /data/db,使用在终端中使用(mkdir -p /data/db)建立,如果不使用默认路径一定确保所在文件夹有读写权限且文件路径添加到PATH环境变量中。
在data/db 或自己定义的路径中执行 mongod ,启动mongodb服务
mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
再用command +n 打开另一个终端,执行mongo 连接mongo
mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
其中有一个警告,可以不做理会
mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程
如果在启动mongod时遇到这样的问题,那么代表权限不足,解决方法:终端输入

sudo chown -R 系统用户名 /data/db

此命令时让系统用户获得权限

4.gruntjs安装与配置

只需一句命令就可以搞定npm install -g grunt-cli
当然因为我们是mac 所以需要用管理员权限执行 sudo npm install -g grunt-cli  输入后还是一样输入密码,等待安装完成就好,如图安装成功
mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程