摘要:前言又是一年畢業(yè)季見某大學(xué)生苦苦掙扎于搭建環(huán)境而不能享受開發(fā)的樂趣于心不忍特作此文。
前言
????又是一年畢業(yè)季,見某大學(xué)生苦苦掙扎于搭建node環(huán)境而不能享受開發(fā)的樂趣,于心不忍.特作此文。
此前已有一文,用 Docker 快速配置前端開發(fā)環(huán)境
????而不同之處,本文會(huì)以step by step的形式幫助裝機(jī)工完成一次搭建,到處復(fù)制:)
????本文旨在于為擺脫搭建開發(fā)環(huán)境的重復(fù)勞動(dòng),并保持開發(fā)的一致性,一些觀點(diǎn)并非完全正確,所以本文并不適合學(xué)習(xí)docker.
適用人群公司內(nèi)裝機(jī)到吐的裝機(jī)工,現(xiàn)在可以只用吐一次啦
厭煩了總是有小學(xué)妹環(huán)繞左右,現(xiàn)在可以在本機(jī)搭建完后丟過去,就可以叫他們滾啦
認(rèn)識(shí)在DOCKER_ENV中搭建基礎(chǔ)環(huán)境,并保存
HOST持久化Items,并讓DOCKER_ENV讀取到Items.
打通DOCKER_ENV與HOST的網(wǎng)絡(luò)連接
準(zhǔn)備systemWin10或者M(jìn)ac
dcokerDocker CE
terminal任意
gui-toolKitematic
Win10以下不推薦,VirtualBox會(huì)卡!
DockerCE下載地址: https://www.docker.com/commun...
Kitematic下載地址: https://github.com/docker/kit...
安裝前DockerCE,如果是Win的同學(xué)記得先開啟Hyper-V,需要他支持.
安裝完去設(shè)置下?lián)Q個(gè)源,這提供一個(gè) http://af9c260a.m.daocloud.io
拉一個(gè)系統(tǒng)鏡像,無腦centos.
docker pull daocloud.io/centos:7 //下載centos7
確認(rèn)鏡像是否存在
docker images
然后就可以打命令把鏡像載入跑起來了,盡量不要用gui工具,會(huì)有些奇奇怪怪的BUG.
比如這一步他有個(gè)驗(yàn)證不識(shí)別三方鏡像導(dǎo)致載入失敗
docker run -i -t --name m-centos daocloud.io/centos:7 /bin/bash //起centos
這時(shí)可以打開Kitematic感受一下剛剛起的一個(gè)container
可以開始擼環(huán)境啦,用到什么,一路yum install就好了.
我這需要node,npm,來一發(fā)
curl -sL https://rpm.nodesource.com/setup_7.x | bash - yum install -y nodejs
好了后就可以把你的改動(dòng)保存一下到鏡像了,其中7ca87為你的容器ID,可以直接在GUI工具查看.
docker save m-node -o D:dockerm-node.tar //保存全部信息
到這一步環(huán)境搭建已經(jīng)算完了,可以雙擊打開這個(gè)文件確認(rèn)是否能打開.
save可以保存元信息,文件會(huì)稍微大一點(diǎn),要是覺得過大,可以自行tar.bz2壓縮,我這壓縮后就90MB
2.Items由于項(xiàng)目文件原來存在于HOST中某個(gè)文件夾,要將他mount到第一步搭建的執(zhí)行環(huán)境中.
注:如果這一步報(bào)錯(cuò)提示沒有shared,那就進(jìn)docker的setting打開就好啦.
docker import D:dockerm-node.tar m-node //從文件載入鏡像 docker run -it --name m-node -v /data m-node /bin/bash //鏡像起容器,并掛載data
上面未指定掛載目標(biāo),所以這里需要指定下,我使用了GUI,嗯,還是選著爽
最后得到的m-node就可以進(jìn)行一些操作了,比如我這可以進(jìn)到/data/執(zhí)行npm install | npm run dev
在這里m-items的鏡像其實(shí)可以通過commit得到,不過為了避免過多的概念,不多做解釋.
3.網(wǎng)絡(luò)連接因?yàn)榄h(huán)境實(shí)質(zhì)上處于上一步m-node 中,所以需要讓HOST能訪問到其中,還是用GUI工具點(diǎn)點(diǎn)鼠標(biāo)就完事拉.
嗯,到這總算真正結(jié)束了.嘗試打開Dreamweaver改改文件,再訪問一下localhost,484很棒~
還是有個(gè)小坑,webpack-dev-middlewave會(huì)檢測(cè)不到文件變化,暫時(shí)就poll了一下解決先
使用因?yàn)榈谝徊街兄幸呀?jīng)環(huán)境搭完了,所以將鏡像文件download后,你的小伙伴執(zhí)行第二步和第三步操作就能用了哦
另外為了便利,可以自己嘗試將常用的命令寫成腳本,像我這只要npm run comd就能開始搬磚了呢
"comd":"docker exec -it m-combination /bin/bash -c "cd /data && npm run dev""總結(jié)
正如官網(wǎng)所說,保持團(tuán)隊(duì)內(nèi)開發(fā)環(huán)境一致也是很有必要的,不然有的你痛苦的...
如果像java,php想要這么玩,也是大同小異.按著套路來就好了哦.嗯,好像還有個(gè)搗奈特...
為了省事很多操作用GUI完成了,還需要做的是將這些操作寫回命令就更方便了...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/88263.html
摘要:前言又是一年畢業(yè)季見某大學(xué)生苦苦掙扎于搭建環(huán)境而不能享受開發(fā)的樂趣于心不忍特作此文。 前言 ????又是一年畢業(yè)季,見某大學(xué)生苦苦掙扎于搭建node環(huán)境而不能享受開發(fā)的樂趣,于心不忍.特作此文。此前已有一文,用 Docker 快速配置前端開發(fā)環(huán)境????而不同之處,本文會(huì)以step by step的形式幫助裝機(jī)工完成一次搭建,到處復(fù)制:) ????本文旨在于為擺脫搭建開發(fā)環(huán)境的重復(fù)勞動(dòng)...
摘要:基于快速搭建服務(wù)根據(jù)自定義配置文件快速搭建環(huán)境。目錄此項(xiàng)目能做什么地址視頻教程包含軟件項(xiàng)目目錄結(jié)構(gòu)快速運(yùn)行運(yùn)行服務(wù)運(yùn)行項(xiàng)目運(yùn)行前端服務(wù)此項(xiàng)目能做什么搭建開發(fā)生產(chǎn)環(huán)境。搭建開發(fā)生產(chǎn)環(huán)境。 基于Docker快速搭建Web服務(wù) 根據(jù)自定義配置文件快速搭建Web環(huán)境。 目錄 此項(xiàng)目能做什么 GItHub地址、視頻教程 包含軟件 項(xiàng)目目錄結(jié)構(gòu) 快速運(yùn)行KFKDock 運(yùn)行PHP服務(wù) 運(yùn)行L...
摘要:基于快速搭建服務(wù)根據(jù)自定義配置文件快速搭建環(huán)境。目錄此項(xiàng)目能做什么地址視頻教程包含軟件項(xiàng)目目錄結(jié)構(gòu)快速運(yùn)行運(yùn)行服務(wù)運(yùn)行項(xiàng)目運(yùn)行前端服務(wù)此項(xiàng)目能做什么搭建開發(fā)生產(chǎn)環(huán)境。搭建開發(fā)生產(chǎn)環(huán)境。 基于Docker快速搭建Web服務(wù) 根據(jù)自定義配置文件快速搭建Web環(huán)境。 目錄 此項(xiàng)目能做什么 GItHub地址、視頻教程 包含軟件 項(xiàng)目目錄結(jié)構(gòu) 快速運(yùn)行KFKDock 運(yùn)行PHP服務(wù) 運(yùn)行L...
閱讀 1195·2021-09-22 15:24
閱讀 2295·2019-08-30 15:44
閱讀 2623·2019-08-30 10:55
閱讀 3362·2019-08-29 13:25
閱讀 1644·2019-08-29 13:09
閱讀 1401·2019-08-26 14:05
閱讀 1395·2019-08-26 13:58
閱讀 1988·2019-08-26 11:57