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

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

打开方式:百度经验

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

     找到终端并打开后我们就可以像在windows上使用cmd一样,用命令行做一些熟悉的操作了,以下就是终端界面
       
      
注:打开多个终端的方法 command+N

1.nodejs 安装

  进入nodejs官网,选择os x 版本并下载。选择v4.2.3长效版
      
  下载完成后在finder中打开便自动完成安装。安装完成后打开终端,输入node -v  查看版本号
   
   安装成功。

2.express 安装

  等待更新

3.mongodb 安装与配置

在max os x 中安装mongodb有两种方法,一种是传统的编译法,还有一种就是用软件包管理工具homebrew下载(解决包依赖问题
首先下载homebrew,打开前面说的终端,输入

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

等待一会儿直到看到

按下任意键并输入密码(输入密码时什么都不会显示),回车就开始安装。
如下已经安装好
继续在终端中输入,等待更新
brew update

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

brew install mongodb

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

注意:如果你遇到了一下问题,即你发现安装进度很久不动了,可能是网络卡住了control+c 终止进程并且重新执行一次brew install mongodb就可以了,支持断点续传
开始mongodb,首先要先建立一个文件夹存储mongodb产生的数据,mongodb的默认路径是 /data/db,使用在终端中使用(mkdir -p /data/db)建立,如果不使用默认路径一定确保所在文件夹有读写权限且文件路径添加到PATH环境变量中。
在data/db 或自己定义的路径中执行 mongod ,启动mongodb服务
再用command +n 打开另一个终端,执行mongo 连接mongo
其中有一个警告,可以不做理会
如果在启动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整套前端工程的更多相关文章

  1. Windows7 x64 系统下安装 Nodejs 并在 WebStorm 9.0.1 下搭建编译 LESS 环境

    1. 打开Nodejs官网http://www.nodejs.org/,点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”. 2. 下载好后,双击“node-v ...

  2. Windows7 x64系统下安装Nodejs并在WebStorm下搭建编译less环境

    1. 打开Nodejs官网http://www.nodejs.org/,点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”. 2. 下载好后,双击“node-v ...

  3. windows系统下简单nodejs安装及环境配置

      相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼,这里不想谈太多的nodejs的相关信息.只说一下,windows系统下简单nodejs环境配置     相信 ...

  4. Ubuntu下搭建NodeJS+Express WEB开发框架

    Ubuntu下搭建NodeJS+Express WEB开发框架 2012-12-27 15:06 作者: NodeJSNet 来源: 本站 浏览: 2,966 次阅读 我要评论暂无评论 字号: 大 中 ...

  5. Ubuntu系统下搭建Python开发环境

    之前演示了在Windows中安装Pycharm,很简单.下面介绍一下如何在Ubuntu中安装Pycharm 1.更新Python至3.5.1,执行以下命令: sudo add-apt-reposito ...

  6. Linux之旅-ubuntu下搭建nodejs环境

    .NET Core也开源了,并且可移植到Linux下,而ubuntu作为linux发行版的翘楚,极大的方便了初学者的入门,搭建完ASP.NET Core运行环境后,作为半前半后的开发人员,就继续着搭建 ...

  7. 【并行计算】Windows系统下搭建MPI环境

    Windows系统下搭建MPI环境 MPI的全称是Message Passing Interface即标准消息传递界面,可以用于并行计算.MPI的具体实现一般采用MPICH.下面介绍如何在Window ...

  8. [记]Windows 系统下设置Nodejs NPM全局路径

    Windows下的Nodejs npm路径是appdata,担心安装的node_modules越来越多,导致C盘满,所以参考别人的博文,将node_modules安装的默认目录修改一下. 参考Wind ...

  9. Mac之OS系统下搭建JavaEE环境 <一> 之JDK的安装配置

    这篇文章介绍了如何在Mac下搭建我们的JavaEE工作环境,对于初学者来说还是比较通俗易懂的. 一.JDK的安装及配置 1.首先我们到Oracle官网下JDK http://www.oracle.co ...

随机推荐

  1. 一个五位数ABCDE乘以9,得到EDCBA,求此五位数

    此题是面试时某面试官突然抛出的,要求逻辑分析推导,不许编码,5分钟时间算出来最终结果,当然,最终没有完全推算出来 下面是编码实现 #一个五位数ABCDE*9=EDCBA,求此数 for a in ra ...

  2. 【shell 练习4】编写Shell用户管理脚本(二)

    一.创建.删除.查看用户,随机生成八位数密码 #!/bin/bash #Author:yanglt #!/bin/bash #Author:yanglt #Blog:https://www.cnblo ...

  3. 【MFC】VS2017新建完MFC后,没有界面,只有代码

    问题描述:双击.rc文件后提示在另一个编辑器中打开 解决方法整合: 1----- 打开工程之前先把.rc文件改个名称,然后打开工程双击解决方案管理器的.rc文件, 会显示"载入失败" ...

  4. Hyperledger fablic 1.0 在centos7环境下的安装与部署和动态增加节点

    Hyperledger fablic 1.0 在centos7环境下的安装与部署和动态增加节点 一.安装docker 执行代码如下: curl -sSL https://get.daocloud.io ...

  5. 蓝牙ble数据转语音实现Android AudioRecord方法推荐

    蓝牙ble数据转语音实现Android AudioRecord方法推荐 教程  欢迎走进zozo的学习之旅. 概述 蓝牙BLE又称bluetooth smart,主打的是低功耗和快速链接,所以在支持的 ...

  6. 2018-8-29安装Jitamin过程实录

    2018-8-29安装Jitamin过程实录 新建 模板 小书匠 欢迎走进zozo的学习之旅. 简介 安装 nginx + php + mysql 安装composer 安装Jitamin 简介 在考 ...

  7. 单源最短路——SPFA算法(Bellman-Ford算法队列优化)

    spfa的算法思想(动态逼近法):     设立一个先进先出的队列q用来保存待优化的结点,优化时每次取出队首结点u,并且用u点当前的最短路径估计值对离开u点所指向的结点v进行松弛操作,如果v点的最短路 ...

  8. 一步步学敏捷开发:1、敏捷开发及Scrum介绍

    敏捷开发之 历史背景 20世纪60年代:软件作坊,软件规模小,以作坊式开发为主:70年代:软件危机,硬件飞速发展,软件规模和复杂度激增,引发软件危机:80年代:软件过程控制,引入成熟生产制造管理方法, ...

  9. 可用于jquery animate()方法的css属性

    * backgroundPosition * borderWidth * borderBottomWidth * borderLeftWidth * borderRightWidth * border ...

  10. android异常Unable to instantiate activity ComponentInfo解决方法

    我是下面提到的第四条: 在Order and Export 中 把新加的 android-support-v4.jar的前面的对号打上勾 保存:就可以了: 做android开发的可能都碰到" ...