美文网首页
使用docker ubuntu 搭建前端环境

使用docker ubuntu 搭建前端环境

作者: 4f4e62418dff | 来源:发表于2022-03-24 23:56 被阅读0次

前言

突然需要修改几年前做的前端项目。现在因为换了新电脑,所以各方面的环境都与原来的老系统格格不如。所以决定用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

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

有时直接执行命令会出错误,可以先执行:

su root

相关文章

网友评论

      本文标题:使用docker ubuntu 搭建前端环境

      本文链接:https://www.haomeiwen.com/subject/ljihjrtx.html