国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

docker 搭建前端開發(fā)環(huán)境不完全指南

AnthonyHan / 1655人閱讀

摘要：本文需要對(duì)和現(xiàn)代前端開發(fā)模式有一定了解入門可以參考入門教程不同系統(tǒng)請(qǐng)自行安裝環(huán)境初始化項(xiàng)目目前網(wǎng)上找到的搭建前端開發(fā)環(huán)境的資料都比較老了所以有了此篇文章創(chuàng)建項(xiàng)目安裝依賴的過程可以直接停止因?yàn)槲覀兛梢栽诃h(huán)境中安裝依賴在中安裝依

本文需要對(duì)docker 和現(xiàn)代前端開發(fā)模式有一定了解, docker入門可以參考 docker入門教程
不同系統(tǒng)請(qǐng)自行安裝docker環(huán)境
初始化項(xiàng)目

目前網(wǎng)上找到的docker 搭建前端開發(fā)環(huán)境的資料都比較老了, 所以有了此篇文章

docker --version
Docker version 17.09.1-ce, build 19e2cf6

創(chuàng)建項(xiàng)目:

create-react-app my-project-react

安裝依賴的過程可以直接ctrl-c停止, 因?yàn)槲覀兛梢栽赿ocker環(huán)境中安裝依賴

在docker 中安裝依賴

拉取docker image, 直接采用node鏡像

docker pull node:8.11.4-stretch

下載完成后docker image ls可以查看已經(jīng)在本地image:

cd my-project-react
docker run  -v `pwd`:/workspace -w /workspace --privileged=true node:8.11.4-stretch yarn

命令具體下文解釋
install速度慢的, 可以添加.npmrc 和 .yarnrc文件

registry "https://registry.npm.taobao.org"
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"
在docker中運(yùn)行 
cd my-project-react

docker run -it -v `pwd`:/workspace -w /workspace -p 8000:8000 --privileged=true node:8.11.4-stretch yarn start

命令比較長(zhǎng), 逐段解釋
docker run -it node:8.11.4-stretch
以node:8.11.4-stretch這個(gè)image 運(yùn)行 docker container, -it 表示進(jìn)入交互式終端;

-v `pwd`:/workspace
稍微熟悉shell腳本的就知道, pwd代表當(dāng)前目錄,pwd反引號(hào)代表執(zhí)行pwd命令, 并輸出, 作用就是將當(dāng)期項(xiàng)目目錄掛載到docker 容器中的 /workspace 目錄;

-w /workspace --privileged=true
-w 指定工作目錄為 /workspace(容器中), --privileged=true, 以防萬一, 獲取容器的root權(quán)限;

-p 8000:8000
將運(yùn)行中容器的8000端口(項(xiàng)目運(yùn)行端口)映射到主機(jī)的8000端口, 注意, 這兩個(gè)端口必須一致, 否則熱更新有問題.本地localhost:8000無法打開網(wǎng)頁, 請(qǐng)先吧webpack-dev-server中host配置改為0.0.0, 再查看本機(jī)8000端口占用情況;

yarn start
以開發(fā)模式運(yùn)行項(xiàng)目, 命令根據(jù)自己項(xiàng)目實(shí)際情況而定.

當(dāng)然運(yùn)行run命令也可以不加上 -it 參數(shù), 直接運(yùn)行, 這樣的缺點(diǎn)是無法直接ctrl-c停止運(yùn)行, 停止container 需要使用 docker container stop containerId命令

在docker中build

以上步驟都o(jì)k, build 過程就很簡(jiǎn)單了, 只需要把 yarn start 命令改成yarn build 即可, 也不需要端口.

docker run -v `pwd`:/workspace -w /workspace  --privileged=true node:8.11.4-stretch yarn build

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/27435.html

相關(guān)文章

  • docker 搭建前端開發(fā)環(huán)境不完全指南

    摘要：本文需要對(duì)和現(xiàn)代前端開發(fā)模式有一定了解入門可以參考入門教程不同系統(tǒng)請(qǐng)自行安裝環(huán)境初始化項(xiàng)目目前網(wǎng)上找到的搭建前端開發(fā)環(huán)境的資料都比較老了所以有了此篇文章創(chuàng)建項(xiàng)目安裝依賴的過程可以直接停止因?yàn)槲覀兛梢栽诃h(huán)境中安裝依賴在中安裝依 本文需要對(duì)docker 和現(xiàn)代前端開發(fā)模式有一定了解, docker入門可以參考 docker入門教程不同系統(tǒng)請(qǐng)自行安裝docker環(huán)境 初始化項(xiàng)目 目前網(wǎng)上找到...

    airborne007 評(píng)論0 收藏0

  • 網(wǎng)站部署

    摘要：就鹿晗宣布戀情導(dǎo)致微博宕機(jī)事件淺談大型網(wǎng)站高可用性架構(gòu)中午吃飯刷著刷著微博發(fā)現(xiàn)微博突然掛了。用戶在使用瀏覽器訪問一個(gè)網(wǎng)站時(shí)需要先通過協(xié)議向服務(wù)器發(fā)送請(qǐng)求，之后服務(wù)器返回文件與響應(yīng)信息。 webpack：從入門到真實(shí)項(xiàng)目配置 自從出現(xiàn)模塊化以后，大家可以將原本一坨代碼分離到個(gè)個(gè)模塊中，但是由此引發(fā)了一個(gè)問題。每個(gè) JS 文件都需要從服務(wù)器去拿，由此會(huì)導(dǎo)致加載速度變慢。Webpack 最主...

    endless_road 評(píng)論0 收藏0

  • CI Weekly #3 | 關(guān)于微服務(wù)、Docker 實(shí)踐與 DevOps 指南

    摘要：圍繞軟件工程效率提升進(jìn)行一系列技術(shù)內(nèi)容分享，包括國(guó)內(nèi)外持續(xù)集成持續(xù)交付，持續(xù)部署自動(dòng)化測(cè)試等實(shí)踐教程工具與資源，以及一些工程師文化相關(guān)的程序員。劃分了數(shù)據(jù)庫日志安全監(jiān)控配置管理云服務(wù)等個(gè)大類，個(gè)工具。 CI Weekly 圍繞『 軟件工程效率提升』 進(jìn)行一系列技術(shù)內(nèi)容分享，包括國(guó)內(nèi)外持續(xù)集成、持續(xù)交付，持續(xù)部署、自動(dòng)化測(cè)試、 DevOps 等實(shí)踐教程、工具與資源，以及一些工程師文化相關(guān)...

    monw3c 評(píng)論0 收藏0

  • 手把手教你搭A(yù)PM之Skywalking搭建指南(支持Java/C#/Node.js)

    摘要：通過跟蹤請(qǐng)求的處理過程，來對(duì)應(yīng)用系統(tǒng)在前后端處理服務(wù)端調(diào)用的性能消耗進(jìn)行跟蹤，關(guān)于的介紹可以看這個(gè)鏈接，大規(guī)模分布式系統(tǒng)的跟蹤系統(tǒng)作者刀把五鏈接來源知乎著作權(quán)歸作者所有。 手把手教你搭A(yù)PM之Skywalking 前言 什么是APM?全稱:Application Performance Management 可以參考這里: 現(xiàn)代APM體系，基本都是參考Google的Dapper（大規(guī)模...

    ingood 評(píng)論0 收藏0

  • 基于 Docker 搭建 TensorFlow 開發(fā)環(huán)境

    摘要：它是目前最流行的容器解決方案。提供一次性的環(huán)境。端駐守在后臺(tái)，稱之為。入門指南簡(jiǎn)介是一個(gè)使用數(shù)據(jù)流圖進(jìn)行數(shù)值計(jì)算的開放源代碼軟件庫。學(xué)習(xí)資料官網(wǎng)中文社區(qū)官方文檔中文版極客學(xué)院什么是數(shù)據(jù)流圖數(shù)據(jù)流圖用結(jié)點(diǎn)和線的有向圖來描述數(shù)學(xué)計(jì)算。 轉(zhuǎn)載需經(jīng)本人同意且標(biāo)注本文原始地址：https://zhaomenghuan.github.i... 前言 第一次聽到 Docker 這個(gè)詞，是兩年前找實(shí)...

    tianhang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<