題記：學(xué)vue有一段時(shí)間了，終于今天下定決心每日書寫一篇學(xué)習(xí)筆記。

1.訪問node.js官網(wǎng)：https://nodejs.org/en/下載對(duì)應(yīng)安裝包。

點(diǎn)擊添加圖片描述（最多60個(gè)字）編輯

2.安裝完成，在終端輸入 ：

node -v

如果返回版本號(hào)，代表安裝成功。建議安裝之前給目錄權(quán)限，至于怎么給目錄權(quán)限，這里不做說明，網(wǎng)上有很多資料。

3.安裝淘寶鏡像

至于為何要安裝淘寶鏡像，因?yàn)橛袔つ蛔钃跷覀冊(cè)L問npm 的境外網(wǎng)站；好奇心強(qiáng)的朋友可以進(jìn)行嘗試，運(yùn)氣差的要很久、很久、有可能一晚上時(shí)間，別問我怎么知道的。

廢話少說，在終端輸入：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝完成輸入：

npm -v

點(diǎn)擊添加圖片描述（最多60個(gè)字）編輯

查看版本號(hào)，正確返回代表安裝完成，否在重新來過。

4.安裝webpack

以后我們會(huì)和webpack打很長(zhǎng)時(shí)間的交道，創(chuàng)建項(xiàng)目會(huì)用到。在終端輸入：

cnpm install webpack -g

5.安裝vue腳手架

這個(gè)工具是自動(dòng)搭建vue項(xiàng)目框架的工具，還算好用，沒得選只此一家。

終端輸入：

sudo npm install -g vue-cli

6.等待一段時(shí)間，可以去聽首歌《福建如你》，這首歌不錯(cuò)，趙照的；咳咳，又跑題了，安裝完成后，在終端輸入：

vue list

點(diǎn)擊添加圖片描述（最多60個(gè)字）編輯

查看詳細(xì)信息，返回如下代表成功，否，重來。

創(chuàng)建首個(gè)vue項(xiàng)目

1.在Mac中創(chuàng)建文件夾，名稱自己起，然后在終端打開該目錄，也可以用vscode 打開，在終端輸入：

sudo vue init webpack vue_project

坐等安裝完成。

2.安裝成功后切換到在終端中切換到項(xiàng)目根目錄

cd vue_peoject

3.安裝項(xiàng)目依賴，在終端中輸入：

sudo npm install

4.安裝依賴完成后，啟動(dòng)項(xiàng)目，在終端或者vscode終端輸入：

npm run dev

5.訪問http://localhsot:8080，打開vue項(xiàng)目

題外話，相信看到這里，vue項(xiàng)目已經(jīng)可以正常運(yùn)行了。大家也有注意到，我基本會(huì)用sudo ，為啥呢？在Mac和烏班圖下，文件權(quán)限很是讓人頭痛，不加這個(gè)命令，會(huì)出現(xiàn)各種莫名的問題，為了減少麻煩，當(dāng)然，我是個(gè)懶人，索性都加上，確保萬無一失。