0. 確保你的本機(jī)電腦是有node環(huán)境的焙贷，使用下面的命令檢查一下
image.png
如果沒(méi)有顯示版本號(hào)缩抡，證明你沒(méi)有安裝node環(huán)境，請(qǐng)移步度娘哗讥，搜索怎么安裝node環(huán)境嚷那。
0.1 安裝好node之后，即得到了npm包管理工具杆煞，使用下面的命令檢查一下
image.png
如果沒(méi)有顯示版本號(hào)魏宽，請(qǐng)檢查原因腐泻。
0.2 使用npm包管理工具安裝vue-cli腳手架，安裝命令如下：
image.png
如果直接使用
npm install -global vue-cli安裝的時(shí)候队询，會(huì)報(bào)沒(méi)有權(quán)限的錯(cuò)誤派桩，此時(shí)在前面加上sudo即可，這是mac系統(tǒng)的解決方案蚌斩，windows如果有這種情況铆惑，請(qǐng)自行查找解決方案。
1. 使用vue-cli生成vue項(xiàng)目
在任意一個(gè)文件夾下送膳，使用vue-cli命令生成項(xiàng)目
image.png
2. 進(jìn)入App.vue組件頁(yè)面员魏，簡(jiǎn)單修改
image.png
4. 使用npm run dev或者 yarn dev啟動(dòng)項(xiàng)目
image.png
5. 瀏覽器查看修改后的頁(yè)面
image.png
6. 分享該項(xiàng)目到github上(便于本機(jī)修改文件及時(shí)更新到服務(wù)器上)
image.png
上傳的方式有很多種，這里我使用的是我平時(shí)比較常用的方法肠缨，直接在編輯器(WebStorm)中集成的github逆趋。
7. github查看
image.png
此時(shí)github上就找到了該項(xiàng)目
