前言
突然需要修改幾年前做的前端項(xiàng)目?，F(xiàn)在因?yàn)閾Q了新電腦，所以各方面的環(huán)境都與原來(lái)的老系統(tǒng)格格不如。所以決定用docker搭建一個(gè)新的ubuntu環(huán)境來(lái)運(yùn)行老項(xiàng)目。
下面的環(huán)境配置和路徑配置都以我的項(xiàng)目為例，在你們自己的項(xiàng)目中可以自行替換。
正文
一 創(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)過(guò)以上簡(jiǎn)單的配置，你就在本地運(yùn)行了一個(gè)ubuntu 系統(tǒng)了，并且該系統(tǒng)與你的操作系統(tǒng)共享文件夾：/Users/guozhengmao/Docker/m2f 和4200端口。這里的端口號(hào)和文件路徑根據(jù)需要自行修改。
然后下載文件需要的node.js版本，并拷貝到共享文件夾下并解壓縮。
tips
可以到如下網(wǎng)址找到自己想要的node版本：
https://nodejs.org/download/release/
我的項(xiàng)目需要8.11版本的nodejs 所以下載了這個(gè)：
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
能正常顯示版本號(hào)，就說(shuō)明操作完全正確。
三 運(yùn)行項(xiàng)目
使用git工具將項(xiàng)目拉到你創(chuàng)建的文件夾下，然后在項(xiàng)目文件夾下執(zhí)行：
npm install -g @angular/cli@7.1.0
npm install
ng serve --host 0.0.0.0
在瀏覽器里輸入 127.0.0.1:4200 ，一切正常運(yùn)行。
打完收功。
tips
將所有的“/Users/guozhengmao/Docker/m2f” 替換稱你自己的路徑
這里注意服務(wù)要綁定到0.0.0.0上，如果是127.0.0.1你在本機(jī)是無(wú)法訪問(wèn)的。
有時(shí)直接執(zhí)行命令會(huì)出錯(cuò)誤，可以先執(zhí)行：
su root
使用
通過(guò)Docker 打開(kāi)ubuntu 的命令行：
執(zhí)行su root:
su root
cd 到項(xiàng)目目錄
執(zhí)行ng serve
ng serve
然后通過(guò)Docker打開(kāi)瀏覽器
