vue開發環境安裝（nvm管理node）

由於最新需要重構也一個頁面，原網頁使用jija2+python編寫，目前後臺可以迅速的提供API介面，但是前端頁面渲染的速度太慢，所以打算用vue重構。藉此機會提升下對前端知識的學習，採用前後端分離模式，使用vue開發前端頁面。

搭建開發環境

1. 安裝nvm
   安裝node使用 nvm 進行node的版本管理，此工具類似Python的pyenv，可以自由下載及管理切換node版本

   https://github.com/creationix…

   參照說明：可以快速安裝nvm

   curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
   export NVM_DIR="$HOME/.nvm"
   [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
       

1. 列表專案

2. 安裝vue-cli 腳手架

      npm install -g @vue/cli
   

   安裝完畢後 vue -version 檢查版本號

3. 使用vue建立工程

      vue create projectname
      根據提示選擇：
      ? Please pick a preset: default (babel, eslint)
      ?  Your connection to the default npm registry seems to be slow.
     Use https://registry.npm.taobao.org for faster installation? Yes
   

   預設給我選擇了淘寶的源！！！ nice！

   這樣名為 projectname 的專案就建立好了

4. 安裝專案相關依賴
   剛剛建立完畢的專案是沒法直接跑起的， 因為相關依賴還沒有配置到你本地，所以需要切換到專案資料夾並執行：
   npm install
   來初始化你的專案

   npm run server