<style>
.tipsMark {
color: red;
background-color: #FFDDF3;
padding: 5px;
font-weight: 700;
}

.mark{
padding: 5px;
border-radius: 5px;
background-color: #337AB7;
}
</style>

###### tags: `Docker`

# Docker (一) 安裝 docker

目前練習的環境是 windows，所以是利用 virtualBox + ubuntu ， 之後再考慮換成apple電腦。

<p class="tipsMark">!! 注意，不知道為甚麼 ubuntu 20 版的無法將畫面跟著視窗縮放(使用網路上的插入...檔仍無法改變)，所以改使用 ubuntu 18版本<br/>
&emsp;很神奇的，就不用每次都要去設定解析度把畫面放大了 ~
</p>

## 第一步 : 設定使用者權限

假設都已經把 docker ， docker-compose 等都安裝完畢了。
安裝程序，可參考以下:

<span class="mark">(1) docker 安裝</span>

[https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-on-ubuntu-18-04](https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-on-ubuntu-18-04)

<span class="mark">(2) docker-compose 安裝</span>

[https://www.digitalocean.com/community/tutorials/how-to-install-docker-compose-on-ubuntu-16-04](https://www.digitalocean.com/community/tutorials/how-to-install-docker-compose-on-ubuntu-16-04)

如果沒設定權限的話，記得沒錯好像是每次在終端機執行指令時都需要在開頭加上 sudo

因此為了比較方便開發，執行以下程式碼

sudo usermod -aG docker ${USER}

這樣我們就可以直接執行docker指令，不用再每次加上sudo了

## 第二步 : 安裝專案需要的其他環境

因為目前用的是vue-cli來開發前端，所以下面分別會講到怎麼安裝nodeJS，npm，vue-cli。

* nodeJS

`curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -`
`sudo apt-get install -y nodejs`

接下來，把nodeJS更新到最新版本

`sudo npm install -g n`
`sudo n latest`
* npm

`sudo apt install npm`
* vue-cli

`sudo npm install -g @vue/cli`

安裝好之後，就可以在指定的資料夾內用以下指令幫我們創建出一個vue的專案了

`vue create 專案名稱`

:::info
好了~ 前置作業的環境安裝差不多就這樣了
因為目前學到的 Linux 指令 / 相關知識 / 快捷鍵的使用比較少，所以會寫在另一篇作整理，到時候也比較統一。
:::