1 安裝node.js
安裝node,自帶npm,以下檢查是否安裝成功:
提示node版本,node安裝成功
提示npm版本,npm安裝成功
2 安裝vue:
npm install -g @vue/cli
-g 表示全局安裝,會安裝到node安裝目錄下
3 創建vue項目
在新文件夾下創建項目: vue create my-project
4.選擇配置,看個人項目需求
注意,空格鍵是選中與取消,A鍵是全選
TypeScript 支持使用 TypeScript 書寫源碼
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 預處理器。
Linter / Formatter 支持代碼風格檢查和格式化。
Unit Testing 支持單元測試。
E2E Testing 支持 E2E 測試。
5 .裝好後,啓動
cd my-project // 進入到項目根目錄
npm run serve // 啓動項目
6 安裝git
git安裝好後,右鍵會出現 git UI here 和 git Bash here
7 到創建項目的目錄下,右鍵選擇git bash here
vue中自帶git,並創建了主分支master,打開後會顯示並進入master分支
8 創建遠程倉庫, 註冊github賬號
點擊右上角加號,選擇 new repository
設置項目名稱,點擊create respository
9 添加遠程倉庫,並提交到遠程倉庫master分支
#查看遠程倉庫
git remote
# 添加遠程倉庫,並命名爲origin,後面是url,這裏採用ssh方式(見創建ssh)
git remote add origin [email protected]:carlos122129/mmiao.git
# 將本地代碼提交到遠程倉庫master分支
git push origin master
# 如果有新的完善代碼,可以合併到master分支(項目經理或技術負責人權利)
git merge xxx
ssh連接方式,該方式可以不用每次填寫用戶名密碼。url從創建的項目中查找,如下圖:
遇到的問題及解決辦法:
git remote 用法
git remote add origin <url> 添加遠程倉庫
git remote remove <name> 刪除遠程倉庫
git remote set-url origin <newurl> 更新遠程倉庫的 url
10 創建dev分支,將代碼提交到遠程倉庫中的dev分支
git checkout -b dev
git push origin dev
附: 分支切換命令:
git branch xxx 創建分支 xxx爲分支名
git checkout xxx 切換分支
git checkout -b xxx 創建並切換分支
git branch 查看當前分支
git push xxx1 xxx2 推送到遠程分支
git merge xxx 將xxx合併到當前分支
11 github上查看是否創建了分支
12 創建某一功能的開發分支,併合併到開發分支
# 創建並切換到功能分支createComponents
git checkout -b createComponents
# 將當前所有代碼提交到暫存區
git add .
# 提交所有代碼到本地倉庫,並添加註釋
git commit -m “create components”
# 切換到開發分支
git checkout dev
# 合併功能分支到開發分支(組長權利)
git merge createComponents
# 刪除功能分支createComponents
git branch -d createComponents