搭建ubuntu20.04 rails和vue开发运行环境

本文详细介绍了如何在Ubuntu 20.04操作系统上配置Ruby on Rails与Vue.js的开发环境,包括安装必要的依赖和运行脚本,为开发者提供了一个完整的开发平台。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

搭建ubuntu20.04 rails和vue开发运行环境,接下来我把运行的脚本附在下面:

# 1.安装基础必要的程序
sudo apt-get install -y git apt-utils make gcc vim ctags screen build-essential curl git wget openssl libssl-dev autoconf bison imagemagick libcurl3-dev zlib1g-dev libssl-dev libreadline-dev libyaml-dev libxml2-dev libxslt-dev libmysqlclient-dev libsqlite3-dev

# 为了便于使用ubuntu,可以安装vim,screen,用以下方式下载二者的配置文件放在账号的根目录下
cd ~/
git clone https://github.com/tianruitGithub/vim_and_screen.git
cd ~/vim_and_screen
cp .vimrc ~/
cp -r .vim ~/
cp .screenrc ~/

# 2.安装ruby版本管理工具rbenv
git clone https://github.com/rbenv/rbenv.git ~/.rbenv
# 用来编译安装 ruby
git clone https://github.com/rbenv/ruby-build.git ~/.rbenv/plugins/ruby-build
# 用来管理 gemset, 可选, 因为有 bundler 也没什么必要
git clone git://github.com/jamis/rbenv-gemset.git  ~/.rbenv/plugins/rbenv-gemset
# 通过 rbenv update 命令来更新 rbenv 以及所有插件, 推荐
git clone git://github.com/rkh/rbenv-update.git ~/.rbenv/plugins/rbenv-update
# 使用 Ruby China 的镜像安装 Ruby, 国内用户推荐
git clone git://github.com/AndorChen/rbenv-china-mirror.git ~/.rbenv/plugins/rbenv-china-mirror

#Unubtu 请以下内容放到 ~/.bashrc
export PATH="$HOME/.rbenv/bin:$PATH"
eval "$(rbenv init -)"
export RUBY_BUILD_MIRROR_URL=https://cache.ruby-china.com

#设置自己想要安装版本的ruby
rbenv install --list  # 列出所有 ruby 版本
rbenv install 3.1
rbenv local 3.1


# 3.安装node版本管理工具nvs
export NVS_HOME="$HOME/.nvs"
git clone https://github.com/jasongin/nvs --depth=1 "$NVS_HOME"
. "$NVS_HOME/nvs.sh" install
通过以下命令,即可非常简单的安装 Node.js 最新的 LTS 版本。
# 安装最新的 LTS 版本
nvs add lts
# 配置为默认版本
nvs link lts
# 安装其他版本尝尝鲜
nvs add 12
# 查看已安装的版本
nvs ls
# 在当前 Shell 切换版本
nvs use 12

使用 nvs 时,默认的 prefix 是当前激活的 Node.js 版本的安装路径。
带来一个问题是:切换版本之后,之前安装全局命令模块需要重新安装,非常不方便。
解决方案是配置统一的全局模块安装路径到 ~/.npm-global,如下:
mkdir -p ~/.npm-global
npm config set prefix ~/.npm-global

还需配置环境变量到 ~/.bashrc 或 ~/.zshrc 文件里面:
echo "export PATH=~/.npm-global/bin:$PATH" >> ~/.bashrc
source ~/.bashrc

# 4.安装指定版本的rails
gem install rails -v 7.0.2

# 5.安装nginx
sudo apt-get install nginx

# 6.安装passenger(主要用于生产模式)
# Install our PGP key and add HTTPS support for APT
sudo apt-get install -y dirmngr gnupg
sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv-keys 561F9B9CAC40B2F7
sudo apt-get install -y apt-transport-https ca-certificates

# Add our APT repository
sudo sh -c 'echo deb https://oss-binaries.phusionpassenger.com/apt/passenger focal main > /etc/apt/sources.list.d/passenger.list'
sudo apt-get update

# Install Passenger + Nginx module
sudo apt-get install -y libnginx-mod-http-passenger

# Ensure the config files are in-place
if [ ! -f /etc/nginx/modules-enabled/50-mod-http-passenger.conf ]; then sudo ln -s /usr/share/nginx/modules-available/mod-http-passenger.load /etc/nginx/modules-enabled/50-mod-http-passenger.conf ; fi
sudo ls /etc/nginx/conf.d/mod-http-passenger.conf

# When you are finished with this step, restart Nginx
sudo service nginx restart

# check install
sudo /usr/bin/passenger-config validate-install

# 7.安装redis
sudo apt-get install redis-server

# 8.安装mysql
sudo apt-get install mysql-server

# 9.安装python
sudo apt-get install -y python

# 10. 安装vue-cli
npm install webpack -g
npm install @vue/cli@latest -g


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值