使用docker ubuntu 搭建前端环境

前言

突然需要修改几年前做的前端项目。现在因为换了新电脑，所以各方面的环境都与原来的老系统格格不如。所以决定用docker搭建一个新的ubuntu环境来运行老项目。

下面的环境配置和路径配置都以我的项目为例，在你们自己的项目中可以自行替换。

正文

一 创建环境

docker pull ubuntu

docker run -p 4200:4200 --name angular7 -v /Users/guozhengmao/Docker/m2f:/Users/guozhengmao/Docker/m2f -ti ubuntu bash

经过以上简单的配置，你就在本地运行了一个ubuntu 系统了，并且该系统与你的操作系统共享文件夹：/Users/guozhengmao/Docker/m2f 和4200端口。这里的端口号和文件路径根据需要自行修改。

然后下载文件需要的node.js版本，并拷贝到共享文件夹下并解压缩。

---

tips

可以到如下网址找到自己想要的node版本：
https://nodejs.org/download/release/
我的项目需要8.11版本的nodejs 所以下载了这个：
https://nodejs.org/download/release/v8.11.4/node-v8.11.4-linux-x64.tar.gz
解压缩该文件，并修改文件夹名为：node，以方便后续配置。

---

完成上诉操作后修改profile：

echo "export PATH=/Users/guozhengmao/Docker/m2f/node/bin:$PATH" >> /etc/profile
su root
source /etc/profile
echo "source /etc/profile" >> ~/.bashrc

这样node.js的环境就搭建好了，然后执行

node -v
npm -v

能正常显示版本号，就说明操作完全正确。

三 运行项目

使用git工具将项目拉到你创建的文件夹下，然后在项目文件夹下执行：

npm install -g @angular/[email protected] 
npm install
ng serve --host 0.0.0.0

在浏览器里输入 127.0.0.1:4200 ，一切正常运行。
打完收功。

---

tips

这里注意服务要绑定到0.0.0.0上，如果是127.0.0.1你在本机是无法访问的。

有时直接执行命令会出错误，可以先执行：

su root

---