使用Docker快速設置開發環境

yu
Mar 7, 2022

--

前言:
趁著課程尾聲換作業系統(從win轉為mac系統),考慮到每個專案需要的環境不太相同又不想安裝太多全域設置在電腦裡,於是研究了一下docker的使用方法

目標:使用Docker compose管理各專案,減少重複的image設定

目前進度:
22.3.7
使用vscode搭配Remote-container開啟/clone專案
22.3.8
將遠端機器的資料保存在本地實體機器

使用vscode搭配Remote-container開啟/clone專案

記錄操作步驟

  1. 安裝docker-mac
  2. docker環境設置(資源分配)

3. vscode需要安裝的套件

安裝完會發現vscode左下角多了個綠色框框

之後只要點選這裡就可以啟動專案

例如Node環境

目前我是接續未完成的專案,所以我是直接點選”Clone…“

devcontainer.json可以設置專案所使用的專案設定(settings)套件管理(extensions),方便其他開發者同步專案所需環境設置

devcontainer.json

在安裝套件時點選小齒輪,選擇Add to devcontainer.json就可以將套件裝在container內而不是裝在本地機器裡了

將遠端機器的資料保存在本地實體機器

記錄操作步驟

  1. 點選Volumes
右側有目前已建立的容器名字

2. 選擇容器,Tab切換至DATA,點選點點點圖示,執行Save As就可以保存資料囉!

--

--

yu

設計本科背景,前3D Lighting Artist,現為Web前端工程師。