前言
突然需要修改几年前做的前端项目。现在因为换了新电脑,所以各方面的环境都与原来的老系统格格不如。所以决定用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/cli@7.1.0
npm install
ng serve --host 0.0.0.0
在浏览器里输入 127.0.0.1:4200 ,一切正常运行。
打完收功。
tips
将所有的“/Users/guozhengmao/Docker/m2f” 替换称你自己的路径
这里注意服务要绑定到0.0.0.0上,如果是127.0.0.1你在本机是无法访问的。
有时直接执行命令会出错误,可以先执行:
su root
使用
通过Docker 打开ubuntu 的命令行:
执行su root:
su root
cd 到项目目录
执行ng serve
ng serve
然后通过Docker打开浏览器