前言

突然需要修改幾年前做的前端項目?，F(xiàn)在因為換了新電腦，所以各方面的環(huán)境都與原來的老系統(tǒng)格格不如。所以決定用docker搭建一個新的ubuntu環(huán)境來運行老項目。

下面的環(huán)境配置和路徑配置都以我的項目為例，在你們自己的項目中可以自行替換。

正文

一 創(chuàng)建環(huán)境

docker pull ubuntu

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

經(jīng)過以上簡單的配置，你就在本地運行了一個ubuntu 系統(tǒng)了，并且該系統(tǒng)與你的操作系統(tǒng)共享文件夾：/Users/guozhengmao/Docker/m2f 和4200端口。這里的端口號和文件路徑根據(jù)需要自行修改。

然后下載文件需要的node.js版本，并拷貝到共享文件夾下并解壓縮。

tips

可以到如下網(wǎng)址找到自己想要的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，以方便后續(xù)配置。

完成上訴操作后修改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的環(huán)境就搭建好了，然后執(zhí)行

node -v
npm -v

能正常顯示版本號，就說明操作完全正確。

三 運行項目

使用git工具將項目拉到你創(chuàng)建的文件夾下，然后在項目文件夾下執(zhí)行：

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” 替換稱你自己的路徑

這里注意服務(wù)要綁定到0.0.0.0上，如果是127.0.0.1你在本機(jī)是無法訪問的。

有時直接執(zhí)行命令會出錯誤，可以先執(zhí)行：

su root

使用

通過Docker 打開ubuntu 的命令行：

image.png

執(zhí)行su root:

su root

cd 到項目目錄

執(zhí)行ng serve

ng serve

然后通過Docker打開瀏覽器

image.png