我尝试使用Vagrant构建了一个MEAN环境

MEAN的意思是什么?

MEAN是一个由以下JS框架组合而成的全栈环境:
– MongoDB
– Express
– Angular.js
– Node.js

这次在Vagrant上选择的操作系统是CentOS6.5。

我在Vagrant上构建了CentOS6.5。

以下是構建Vagrant環境的方法。

在构建Vagrant时,对Vagrantfile进行修改并启动

# config.vm.network "private_network", ip: "192.168.33.10"
↑コメントアウトを外す

config.vm.network "private_network", ip: "192.168.33.10"

准备好

个人而言,我会启用vim和epel。

sudo yum -y install vim epel-release

一次性安装和更新开发工具。

sudo yum -y groupinstall "Development Tools"
sudo yum -y update

凭此,准备工作已全部完成。

安装Node.js和npm。

从 epel 源中安装

sudo yum -y install --enablerepo=epel nodejs npm
sudo rm -rf /usr/lib/node_modules/inherits
sudo mv /usr/lib/node_modules/inherits@2 /usr/lib/node_modules/inherits

MongoDB的安装

添加MongoDB仓库

sudo vim /etc/yum.repos.d/mongodb.repo
[mongodb]
name=MongoDB Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/x86_64/
gpgcheck=0
enabled=1

安装,启动,自动启动

sudo yum -y install mongodb-org
sudo service mongod start
sudo chkconfig mongod on

安装bower

安装

sudo npm install -g bower

grunt的安装

安装

sudo npm install -g grunt-cli

安装YEOMAN(ヨーマン)

安装

sudo yum install libpng-devel
sudo npm install -g yo

Angular-Fullstack的安装

sudo npm install -g generator-angular-fullstack-jp

YEOMAN执行

yo

如果在这里摔倒了,执行以下命令

bower install & npm install
yo

Gruntfile文件的更改

sudo vim Gruntfile.js
   if (target === 'debug') {
      return grunt.task.run([
        'clean:server',
        'env:all',
        'concurrent:server',
        'injector',
        'wiredep',
        'autoprefixer',
        'concurrent:debug'
      ]);
    }

    grunt.task.run([
      'clean:server',
      'env:all',
      'concurrent:server',
      'injector',
      'wiredep',
      'autoprefixer',
      'express:dev',
      'wait',
  //    'open', ←コメントアウト(539行目)
      'watch'
    ]);
  });

服务器启动

建造

grunt serve

在建立后进行访问:
http://192.168.33.10:9000/

スクリーンショット 2015-03-11 15.47.22.png

YEOMAN真厉害啊(・∀・)

广告
将在 10 秒后关闭
bannerAds