zoukankan      html  css  js  c++  java
  • mac之os x系统下搭建nodejs+express4.x+mongodb+gruntjs整套前端工程

    
    

        第一次在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  输入后还是一样输入密码,等待安装完成就好,如图安装成功



  • 相关阅读:
    From使用post与使用get区别
    HTML 自动跳转代码
    mjpgstreamer译文
    DOCUMENT.GETELEMENTBYID使用
    查看Linux内核版本的命令
    CGI编程学习5 穿插HTML,CSS零星知识
    使用Javascript显示时间
    北京大学<Perl 循序渐进>
    html之marquee详解
    Apache支持ASP.NET方法浅析
  • 原文地址:https://www.cnblogs.com/gabrielchen/p/5055301.html
Copyright © 2011-2022 走看看