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