资讯专栏INFORMATION COLUMN

在docker的Linux容器搭建前端开发环境

gotham / 1103人阅读

摘要:随着开发的深入,前端开发已经不局限于简单的本地开发坏境的搭建与调试。本文的目的就是通过安装前端开发的环境来熟悉的一些指令和环境。

随着开发的深入,前端开发已经不局限于简单的本地开发坏境的搭建与调试。运维方面,目前的服务器使用的基本上都是linux系统,了解下Linux系统原理与一些常用的配置和指令,对我们的开发和部署以及排除线上bug都有不小的帮助。本文的目的就是通过安装前端开发的环境来熟悉linux的一些指令和环境。

说搞就搞,话说启动之前得有个docker的环境吧,docker环境搭建请移步docker官网

开始配置:
一、安装Linux容器并启动
在这我选择CentOS 相对来说比较稳定 , 也是很多企业的首选。
使用centos 镜像生成一个容器:

$ docker run -d centos
$ docker ps -a //查看创建结果
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
69f6c3754fd3 centos "/bin/bash" 21 seconds ago Exited (0) 19 seconds ago zen_swirles

得到预想的效果,接着开启容器并连接

$ docker start 69f6c3754fd3  //注意这是centos 在我机器上的CONTAINER ID,读者要记得替换
$ docker attach 69f6c3754fd3

光标的位置变成:
[root@69f6c3754fd3 /]#
我们顺利进入到容器里,这就是一个mini 的Linux系统了。

二、Git环境搭建

$ yum install git //安装Git

检测一下是否安装成功

[root@69f6c3754fd3 /]# git --version
git version 1.8.3.1 //安装成功

三、node 环境搭建
首先是下载node.js 安装包:

[root@69f6c3754fd3 /]# wget -c https://nodejs.org/dist/v8.11.4/node-v8.11.4-linux-x64.tar.xz

下载完之后 根目录会多一个文件node-v8.11.4-linux-x64.tar.xz
解压:

[root@69f6c3754fd3 /]# tar -xvf node-v8.11.4-linux-x64.tar.xz

更改文件名为node-v8.11.4:

[root@69f6c3754fd3 /]# mv node-v8.11.4-linux-x64 node-v8.11.4

把文件移动到usr 下的src 文件夹内:

[root@69f6c3754fd3 /]# mv node-v8.11.4 /usr/local/src

通过创建软链接的方法,使得在任意目录下都可以直接使用node和npm命令::

[root@69f6c3754fd3 /]# ln -s /usr/local/src/node-v8.11.4/bin/node /usr/local/bin/node
[root@69f6c3754fd3 /]# ln -s /usr/local/src/node-v8.11.4/bin/npm /usr/local/bin/npm

在任意一个目录下执行:

[root@69f6c3754fd3 /]# node -v
v8.11.4 
[root@69f6c3754fd3 /]# npm -v 
5.6.0

安装成功

四、验证一下Git和node是否能正常运行
首先,咱从github clone 一个仓库:
定位到home文件夹(一般个人文件放在home 文件夹下)

[root@69f6c3754fd3 /]# cd home //定位到home文件夹
[root@69f6c3754fd3 home]# git clone https://github.com/subfuzion/express-demo.git //clone 一个express-demo 仓库(为了验证后面node,当然clone其他的仓库也是没有多大问题的啦)

定位到express-demo 安装依赖 例子:

[root@69f6c3754fd3 home]# cd express-demo //定位到express-demo
[root@69f6c3754fd3 express-demo]# npm install //安装依赖

安装成功之后 我们可以执行其中一个demo 启动express 验证一下:

[root@69f6c3754fd3 home]# cd lesson-01 //定位到lesson-01
[rootUser@69f6c3754fd3 lesson-01]$ node app.js
server app running at localhost:3000

perfect,我们启动了相应的端口,走完了整个流程。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/27447.html

相关文章

  • PHP开发环境03 - 使用KFKDock搭建PHP项目环境

    摘要:基于快速搭建服务根据自定义配置文件快速搭建环境。目录此项目能做什么地址视频教程包含软件项目目录结构快速运行运行服务运行项目运行前端服务此项目能做什么搭建开发生产环境。搭建开发生产环境。 基于Docker快速搭建Web服务 根据自定义配置文件快速搭建Web环境。 目录 此项目能做什么 GItHub地址、视频教程 包含软件 项目目录结构 快速运行KFKDock 运行PHP服务 运行L...

    Zhuxy 评论0 收藏0
  • PHP开发环境03 - 使用KFKDock搭建PHP项目环境

    摘要:基于快速搭建服务根据自定义配置文件快速搭建环境。目录此项目能做什么地址视频教程包含软件项目目录结构快速运行运行服务运行项目运行前端服务此项目能做什么搭建开发生产环境。搭建开发生产环境。 基于Docker快速搭建Web服务 根据自定义配置文件快速搭建Web环境。 目录 此项目能做什么 GItHub地址、视频教程 包含软件 项目目录结构 快速运行KFKDock 运行PHP服务 运行L...

    yagami 评论0 收藏0

发表评论

0条评论

gotham

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<