現(xiàn)在一起來學(xué)習(xí)如何初始化一個(gè)Vue項(xiàng)目
1.現(xiàn)在一般都會同步到github刻帚。所以首先在github新建一個(gè)倉庫
2.然后將線上的倉庫clone至本地。最好選擇ssh
3.進(jìn)給希望保存代碼的路徑领铐,然后git bash here冒黑。
4.執(zhí)行命令:
git clone "復(fù)制的ssh地址"
5.安裝腳手架工具
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g @vue/cli
6.現(xiàn)在的腳手架已經(jīng)比vue-cli要高級多了熄攘,推薦使用vue ui命令打開可視化礦口進(jìn)行創(chuàng)建項(xiàng)目并且管理
7.大功告成~
在對比vue-cli將近半小時(shí)姚淆,才把整個(gè)項(xiàng)目真正弄完孕蝉,下面貼上修改后的文件樹:
- assets :存放靜態(tài)文件屡律,如iconfont腌逢、css、js等
- components:這里忘記看不到里面的home文件夾超埋,實(shí)際上header組件存放在home中搏讶。這樣做的目的是可以最大限度將組件也抽離出來
- router:和components一一對應(yīng)。里面的index.js是將整個(gè)router的大組件全都配置好霍殴。
- store:現(xiàn)在用不到媒惕,根據(jù)里面初始化的代碼來看,是有關(guān)vuex的来庭。以后在深入學(xué)習(xí)
- 至此 大功告成妒蔚!
需要體會解耦才能懂