接觸VUE差不多一個月左右胡岔,開始的時候各種懵逼啊漓穿,不過入門了之后覺得真心還不錯悠反,古人云:“獨樂樂残黑,不如眾樂樂”馍佑,所以今天和大家分享下我的學(xué)習經(jīng)驗;
安裝NODE環(huán)境
Vue-cli 是基于node下運行的梨水,所以在使用Vue-cli之前一定要安裝好node環(huán)境拭荤,具體的方法可以度娘,很簡單疫诽;推薦node安裝教程
使用Vue-cli腳手架新進項目
在命令行下找到你想要存放項目的目錄或文件夾舅世,執(zhí)行vue init webpack yourname,yourname是你要新建項目的名稱,也就是文件夾的名稱奇徒,這里要提醒大家一下雏亚,如果你之前電腦翻過墻、或者安裝過翻墻工具摩钙、或者修改過hosts罢低,可能會導(dǎo)致安裝失敗,解決方法就是關(guān)掉翻墻工具胖笛,恢復(fù)默認hosts文件网持,在我使用的過程中windows容易出現(xiàn)此問題,mac暫時還沒發(fā)現(xiàn)长踊;
新建項目
根據(jù)提示打開 vue-test,安裝所需要的依賴功舀,執(zhí)行npm install很快安裝完;
安裝依賴文件
安裝完依賴后身弊,可以在你項目所在的目錄看到這些東西
項目目錄結(jié)構(gòu)
現(xiàn)在我們的項目就安裝完成了辟汰,代表著你可以體驗Vue了,在命令行項目所在的根目錄yourname下執(zhí)行npm run dev佑刷,項目會自動啟動莉擒;
看到這個就代表你成功了
然后你的默認瀏覽器會自動打開一個頁面;
漂亮的Vue瘫絮,哈哈
到現(xiàn)在為止涨冀,一個基于Vue-cli的基本單頁面項目就搭建成功了,我是純純的自學(xué)麦萤,可能有些地方描述的不對鹿鳖,歡迎大家吐槽!大家共同學(xué)習壮莹,哈哈翅帜!