我尝试使用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/

YEOMAN真厉害啊(・∀・)