摘要：它使用作為其開發語言。關于為了避免環境搭建污染我的，我選擇將我的開發環境限制在一個容器中，同時避免了自制軟件和不可逆的本地安裝程序。我們將使用來構建一個新的鏡像創建一個新的。下一篇文章將詳細介紹如何用搭建真正用于生產環境的項目。

我想創建一個簡單的漸進式Web應用程序（PWA），在移動設備上運行，接收用戶數據并將其保存到后臺。

我選擇了Ionic 2（忽略了它創建本地應用程序的能力），因為它基于Angular 2。它使用TypeScript作為其開發語言。如果你剛開始接觸Angular（就像我一樣），請前往Code School的Angular 2 Accellerating。深入了解。

在安裝Ionic 2之前，您需要Node.js，因為它是Ionic 2所必需的。

為了避免環境搭建污染我的MacBook，我選擇將我的開發環境限制在一個Docker容器中，同時避免了自制軟件和不可逆的本地安裝程序。

這將為您提供一個虛擬環境，可以隨身攜帶，交給同事，甚至發布給任何人在幾分鐘內開始使用。

這不是教程。你將不得不親自訪問這些鏈接，以便掌握，了解你要怎么做以及為什么這樣做。我在Node.js開發者的Docker入門中松散地遵循了Heitor的秘訣，跳過了Express，轉而使用Ionic 2，而且忽略了任何被棄用的（比如Boot2Docker）的東西。

?安裝
Docker for Mac，入門指南：只需將Docker應用程序拖到應用程序文件夾即可。Windows用戶應該轉而使用Docker for Windows，Linux用戶可以在Linux上安裝Docker Engine。

然后打開終端并進入

docker run hello-world

為了驗證你的安裝是否正確，你需要執行兩個步驟，下載一個公共Docker鏡像到你的計算機，實例化一個容器并運行一個Hello World應用程序。

Docker就像引入到輕量級虛擬機的依賴注入，創建快照（即容器），并將它們導出為新的虛擬機（即Docker鏡像）。它有一個基礎設施來分享完整的解決方案。

?你可選擇安裝 Kitematic
一個用于管理Docker容器的可選GUI（Docker可視化管理工具）。這既不需要，也不是非常有用，但是對于Docker新手來說，可以方便地探索Docker的全部內容。
windows上Kitematic的安裝和使用可以參考如何在Windows上通過Kitematic使用Docker？

?安裝Ubuntu和Node.js.
Node.js有一個基于Debian的Docker鏡像，但是我遵循Heitor的路徑，它更接近于模仿真實的Linux安裝，并且手動安裝所需的所有東西。

稍后我將介紹一種自動配置環境的方法。跳轉到介紹Dockerfiles。

docker pull ubuntu
docker run ubuntu /bin/echo "Hello World"
docker run -i -t ubuntu

您現在已經在一個Ubuntu的殼里面了。嘗試ls -la并安裝Node.js和npm：

ls -la
apt-get update


apt-get install curl
curl -sL https://deb.nodesource.com/setup_8.x | bash -

# 目前nodejs穩定的版本是8.94，如果需要其他版本可以修改上面那行代碼中的setup_8.x

apt-get install nodejs
node -v

? 安裝Ionic 2

npm install -g ionic
exit

現在將容器保存為一個新的鏡像：

# Get your CONTAINER_ID
docker ps -a

# Save your container as a new image
docker commit -a "YOUR_NAME " -m "ionic2 devjump" 
    CONTAINER_ID my-ionic2:0.1
# 上面代碼，用-a指定鏡像作者,-m指定行創建的鏡像的提交信息，接著是容器ID、目標鏡像倉庫、鏡像名。
docker tag my-ionic2:0.1 my-ionic2:latest

立即進入一個運行你的Ionic 2安裝的新容器：

docker run -i -t -p 8100:8100 -p 35729:35729 my-ionic2

創建并開始您的第一個Ionic 2應用程序：

ionic start cutePuppyPics sidemenu 

cd cutePuppyPics

# Would you like to integrate your new app with Cordova to target native iOS and Android? No
# ionic搭建pwa不需要cordova

ionic serve --all 

# without the --all Safari wouldn"t connect to Ionic

現在轉到Safari或Chrome并打開http：// localhost：8100：

介紹Dockerfiles和已安裝的卷
大功告成！您可能很想嘗試開始開發您的應用程序 - 但是您不應該這么做！你的應用程序的來源仍然是Docker容器。一旦容器消失了，你的資源也將消失。

如果在你的Docker映像中丟失了任何東西或者必須改變它，那么很可能你將不得不從頭開始，繁瑣地復制粘貼和重復運行所有的語句。

我們將使用Dockerfile 來構建一個新的Docker鏡像：

??創建一個新的Dockerfile。注意：在Docker Hub的自動構建中，Dockerfile這個例子不會再收到任何提交。

下一篇文章將詳細介紹如何用Dockerfile搭建真正用于生產環境的項目。