Vue搭建專案環境

1.下載nodejs

官網：nodejs.org/en/download…

下載完成後，在控制檯輸入命令檢查是否安裝完成 node會自動給你下載npm(包管理工具)

2.開啟碼雲

官網: gitee.com/

註冊一個賬號，如果你已有賬號，點選首頁的個人主頁。

設定專案名稱

建立完成後 就可以下載git使原生程式碼和線上程式碼同步

git官網：git-scm.com/

安裝好git之後 開啟控制檯 輸入git --version 返回版本號表示安裝成功

現在 我們讓線上程式碼和本地關聯 開啟設定

安裝好git後在本地資料夾中 右鍵git bash命令列（小型的Linux系統）

1.填寫郵箱 生成公鑰和私鑰 ssh-keygen -t rsa -C "xxxxxxx@xxx.com" 2. 返回給你公鑰 cat ~/.ssh/id_rsa.pub

把這個複製到碼雲的公鑰

本地會 通過本地和線上對接

下一步開啟建立好的專案

把線上的 下載到本地 以SHH協議 複製地址

然後找自己存放專案的位置 右鍵開啟git bash 克隆線上程式碼

我的是在桌面右鍵 所以 克隆下來在桌面上

3.建立Vue專案 開啟vue官網 會有一個安裝 命令列工具(CLI) 開啟cmd命令 1.全域性安裝 npm install --global vue-cli 2.基於webpack建立專案 我是建立在桌面的專案 所以開啟控制檯切換到桌面

name 專案名稱 description 專案描述 Author 作者 vue-router 是否安裝 選擇y Use ESLint to lint your code 是否對程式碼工整度進行檢查 選擇Y 選擇程式碼規範 Standard test 自動測試 選擇no e2e 選擇no 最後問你 使用npm 選擇後進行主動構建

專案初始化完成

根據提示的

• cd demo
• npm run dev 輸入命令 現在可以在瀏覽器中 搜尋localhost:8080

  

  最後 把搭建好的專案傳入到git

  

  在git中輸入 git add . （把專案載入到快取區） git commit -m "描述" （提交到線上） git push （提交完成）

  

Java大牛 極客大全