一、WEB前端環(huán)境搭建
↓
↓
↓
↓
1暴备、node.js(官網(wǎng)下載安裝)
-
node-v(查看版本號)
-
npm-v(查看npm包管理工具版本)
2悠瞬、gitee(碼云)
-
注冊→項目→private→創(chuàng)建私有倉庫→開源許可證MIT License→私有
3、安裝git(官網(wǎng)下載安裝)
-
git --version(檢查版本號)
4馍驯、git 倉庫關(guān)聯(lián)本機
-
右上角設(shè)置→SSH公鑰→本地打開git bash→配置公鑰
5阁危、線上項目克隆至本地
-
選擇SSH協(xié)議 復(fù)制
6、回到桌面→git bash→git clone xxx
7汰瘫、在當(dāng)前文件夾創(chuàng)建vue項目
8狂打、安裝vue-cli
-
全局安裝vue-cli
$npm install --global vue-cli
-
創(chuàng)建一個基于webpack模板的項目
$vue init webpack xxx
-
安裝依賴
$cd xxx
$npm install
$npm run dev(打開項目)
-
project name (項目名稱)
-
project description (項目描述)
-
author (作者)規(guī)范代碼
-
vue build (運行時編譯)
-
install vue-router (路由) Y
-
use ESlint to lint your code? (ES6規(guī)范代碼) N
-
pick an ESlint preset standard
-
set up unit tests (單元測試) N
-
set up e2e test with nightwatch (e2e測試) N
-
should we run npm install? (npm包) Y
9、進入文件夾
-
網(wǎng)頁打開 localhost:8080
$npm run dev
10混弥、打開碼云趴乡,同步代碼
$git status (查看文件狀態(tài),查看未保存蝗拿、上傳文件)
$git add .(保存至緩存區(qū))
$git commit -m 'xxx'(保存至本地git倉庫)
$git push(推送至線上倉庫)
↑
↑
↑
↑
二晾捏、git使用流程
↓
↓
↓
↓
-
在gitee創(chuàng)建分支→
-
桌面進入項目文件夾→
-
打開git bash→
-
git pull(查看創(chuàng)建的new brance)→
-
git checkout xxx(切換到新的分支上邊)→
-
git status(查看目前所在分支)→
-
進行項目的開發(fā) →git add . →
-
git coimmit -m 'xxx'→
-
git push→
-
git checkout master(切換到主分支)→
-
git merge origin/分支名稱(把分支的東西合并到主分支) →
-
git push