VUE項目配置——環境篇

準備

• SSH
• Git
• Webstorm（or 其餘編輯器）
• npm
• node.js
• gitHub新建一個demo項目

---

以上軟件默認安裝

---

vue環境配置

• 打開Git GUI or cmd or iterm2（macOS）

• 配置Git和ssh私有祕鑰（若是環境私有）

  • 鍵入命令：ssh-keygen -t rsa -C "email@email.com","email@email.com"是你的github帳號
  • 此時，你的C:Usersadmin.ssh這個路徑下會生成兩個文件：id_rsa和id_rsa.pub
  • 用記事本打開id_rsa.pub文件，複製內容，在github.com的網站上到ssh密鑰管理頁面（setting-->deployKey-->addDeployKey），添加新公鑰，隨便取個名字，內容粘貼剛纔複製的內容。
• 進入本地項目文件夾；例如D:vueProject
• Git clone ssh： demo倉庫
• npm i webpack-cli -D
• npm i -g vue-cli (若是npm連接較慢，可以使用淘寶鏡像；全部npm指令最後加上「 --registry=https://registry.npm.taobao.org」，也能夠自行配置cnpm（不推薦!）)

• 新建一個vue demo項目 vue init webpack myproject

  • 安裝vue-router
  • 安裝ESLint 代碼規範
  • 不安裝單元測試和e2e測試
  • 初始化myproject完成（vue 標準模板項目）
  • 進入myproject npm i 初始化packages
  • npm run dev 運行項目
  • 用瀏覽器打開 http://localhost:8080 （可更改項目配置 config/index.js 中的 autoOpenBrowser 改成true 即run項目時自動彈出瀏覽器窗口）

項目說明

• 將myproject 中的全部文件複製到空項目vueDemo中