1. 程式人生 > >萌新--關於vue.js入門及環境搭建

萌新--關於vue.js入門及環境搭建

art 安裝 list 建議 href pack 推薦 新手學 走了

十幾天閉關修煉,惡補了html跟css以及JavaScript相應的基礎知識,恰巧有個群友準備做開源項目,願意帶著我做,但是要求我必須懂vue.js,所以開始惡補vue.js相關的東西。

在淘寶上買了相關視頻,前兩章簡介聽得懵懵懂懂的,能夠勉強理解。到第三章,開始有案例之後,整個人就懵了,為啥老師的一個程序文件夾那麽多東西,我就一個可憐兮兮的html??等等,老師說這node.js是什麽? 不是另外一個框架嗎?webpack又是啥?...

一連串懵逼之後,終於發現,視頻不適合我。開始找其他的途徑學習。

首先發現了這個VueJs2.0建議學習路線,給我迷茫中指引了一條光明之路,然而,我發現我還是看不懂,畢竟一個剛學前端十幾天的萌新,對於裏面一些東西還是覺得很難理解的。但是,依然很感謝這位lavyun大大的文章,在裏面推薦了Vuejs的作者尤雨溪尤大寫過的一篇關於新手學習vue路徑的文章,十分推薦剛接觸vue,尤其自學的朋友按照這個路徑走。

官方文檔過完了之後,開始準備找個視頻跟著寫個項目熟悉熟悉,找了一個據說非常基礎的todolist的教學視頻,前面會講解VueJs的環境搭建,講得很仔細,但對於從來沒接觸過這種靠命令行搭建環境的我來說,還是很難,所以短短十分鐘的視頻,我來來回回看來不下二十遍,哪裏不懂,馬上查找文檔,除了視頻,我還找了相應的文章來配合(http://blog.csdn.net/luckylqh/article/details/52863026),NodeJs的下載,淘寶npm鏡像的安裝,腳手架的安裝,如何驗證全局腳手架是否安裝成功,以及項目創建等等,每一步我幾乎都走了不下十遍,最終才將項目創建成功。

項目創建成功之後,就是模版的安裝了,同樣,視頻反復的看,搭配文章(http://www.cnblogs.com/Jlizhen/p/7402185.html),其中自己踩了好幾個坑,經常把依賴安裝到根文件夾以外導致模版使用失敗,有些地方操作不當,導致一步錯步步錯。

僅此記錄自己剛剛開始的Vue的學習之路。

萌新--關於vue.js入門及環境搭建