第一次在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. 基于angular+bower+glup的webapp

    一:bower介绍 1:全局安装安装bower cnpm i -g bower bower常用指令: bower init //初始化文件 bower install bower uninstall ...

  2. Python中的list

    list的创建 1 字面量 >>>L = [1, 2, 3] [1, 2, 3] 2 通过iterable可迭代对象,比如str对象,range对象,map对象 >>&g ...

  3. win10 死机

    其实Win10系统还是不错的,如果你的电脑升级Win10后中招经常死机,可以用下面的方案来应对. 1.下载安装支持兼容Win10的软件版本,下载软件之前看一下兼容列表里是否有Win10系统.虽然Win ...

  4. 转 Js 跨域CORS报错 Response for preflight has invalid HTTP status code 405

    转自:http://www.cnblogs.com/SilenceTom/p/6697484.html 调用接口遇到Response for preflight has invalid HTTP st ...

  5. hadoop2.5.2学习及实践笔记(五)—— HDFS shell命令行常见操作

    附:HDFS shell guide文档地址 http://hadoop.apache.org/docs/r2.5.2/hadoop-project-dist/hadoop-common/FileSy ...

  6. Jmeter系列-webdriver插件

    1.下载地址    JMeterPlugins-WebDriver-1.1.2 2.将JMeterPlugins-WebDriver-1.1.2\lib\ext中的*.jar拷贝到D:\apache- ...

  7. sublime Text3 如何自动排版代码

    安装 html beautiful 然后按ctrl+shift+alt+f

  8. phpcms 本地环境调试缓慢 解决办法

    用记事本打开host文件,(文件位置,windows下一般在路径C:\Windows\System32\drivers\etc下)找到#127.0.0.1      localhost 这一句  去掉 ...

  9. vue-cli3配置postcss-cssnext

    1. // npm install autoprefixer --save-dev 此步不需要了,因为postcss-cssnext自带这个依赖 npm install postcss-cssnext ...

  10. 微信支付java

    直接上代码: 1.支付配置PayCommonUtil import com.legendshop.payment.tenpay.util.MD5Util; import com.legendshop. ...