一、開發(fā)前準(zhǔn)備

1.node環(huán)境搭建

去node.js官網(wǎng)下載長(zhǎng)期支持版本的node，采用全局安裝，安裝方式自行百度

網(wǎng)址：https://nodejs.org/zh-cn/

安裝后在cmd命令行運(yùn)行如下代碼，若返回版本信息則說(shuō)明安裝成功 

node -v

2.GitHub創(chuàng)建-碼云

整個(gè)項(xiàng)目通過碼云來(lái)托管代碼，用到的工具是Git。

2.1.創(chuàng)建碼云賬號(hào)

進(jìn)入碼云官網(wǎng)，注冊(cè)一個(gè)碼云賬號(hào)

網(wǎng)址：https://gitee.com/

2.2.創(chuàng)建一個(gè)git倉(cāng)庫(kù)

創(chuàng)建一個(gè)名為qunaer-app的項(xiàng)目倉(cāng)庫(kù)，注意：最新版本的vue不支持創(chuàng)建大寫名稱的項(xiàng)目：

2.3.配置本地git環(huán)境

去git官網(wǎng)下載git并安裝，安裝方式自行百度

網(wǎng)址：https://git-scm.com/

安裝后運(yùn)行g(shù)it的命令行工具Git Bash，運(yùn)行如下命令檢測(cè)版本信息：

git --version

 配置git用戶名稱和郵箱，這樣做很重要，因?yàn)槊恳粋€(gè) Git 的提交都會(huì)使用這些信息，并且它會(huì)寫入到你的每一次提交中，不可更改：

git config --global user.name "ashan"
git config --global user.email 14718061295@163.com

 2.4.生成本地ssh公鑰

git bash運(yùn)行以下命令，生成本地ssh公鑰，雙引號(hào)內(nèi)為郵箱：

ssh-keygen -t rsa -C "14718061295@163.com"

 git bash運(yùn)行以下命令，查看ssh公鑰：

cat ~/.ssh/id_rsa.pub

2.5.將本地ssh公鑰添加到碼云

將2.4生成的ssh公鑰添加到線上倉(cāng)庫(kù)

3.將項(xiàng)目下載到本地

在本地創(chuàng)建一個(gè)vueProject文件夾，git bash進(jìn)入到此文件夾，運(yùn)行以下命令，將項(xiàng)目下載到本地

git clone 項(xiàng)目地址

項(xiàng)目地址 從你的倉(cāng)庫(kù)中克隆，相應(yīng)更改，如圖：

 4. 配置vue+webpack項(xiàng)目

4.1.安裝vue腳手架工具

npm install -g @vue/cli

4.2.創(chuàng)建vue項(xiàng)目

進(jìn)入到vue項(xiàng)目文件夾，創(chuàng)建vue項(xiàng)目（同時(shí)安裝webpack依賴）

cd vueProject
vue init webpack qunaer-app

在安裝選項(xiàng)中選擇 2 （merge）

安裝完成后，運(yùn)行：

cd qunaer-app/
npm run dev

在瀏覽器中訪問：http://localhost:8080，出現(xiàn)如下界面，說(shuō)明項(xiàng)目創(chuàng)建成功：

 4.3.將項(xiàng)目上傳到碼云

gid add .
git commit -m 'project init initialized'
git push

-------------持續(xù)更新中-------------