說起 vue ,估計腳手架的搭建也是很令人頭疼的問題吧。。。
剛開始接觸腳手架,自己也有一種很蒙圈的感覺,現在項目寫多了,慢慢對腳手架的搭建環境也熟悉了。。。
搭建腳手架,第一步要先檢查 Node js 的版本問題,可以使用 node -v 指令來檢查版本!
我的版本是 6.2.0 ,版本只要是 4.0 以上就可以正常使用~
第二步,全局安裝 vue-cli
安裝方法和 vue ,vue-router , vue-resource 的方法是一樣的,通過 npm install -g vue-cli 來進行全局安裝,在安裝的過程中很考驗安裝者的耐心,因爲安裝過程會進行的很 慢,很慢!但是如果等了很長時間沒反應或者安裝到一半突然卡住不動了!只需要 Ctrl+c 取消本次安裝,然後重新安裝即可!
等等等,終於安裝完成了~
從上圖第三行可以看出,我安裝的 vue-cli 是 2.8.2 版本的!
接下來,第三步要進行初始化項目階段了;
我是自己先建好文件夾,直接在文件夾下面進行安裝的,如果安裝的時候還沒有建好文件夾,那要先通過 cd 命令進入想要創建新項目的文件夾下面,然後再使用 vue init 命令進行初始化;
vue init 模塊名稱 新項目名稱
模塊類型基本就以上幾種,建議使用 webpack-simple ;項目名稱我就暫時使用 project ;
輸入 vue init webpack-simple project
一路 Enter 到底,到了 sass 這裏,如果項目中使用到就輸入 y ,不使用就輸入 N 即可。
直到看到最後三行的命令,根據命令一步一步往下進行,出現vue 頁面則證明安裝成功。
安裝成功後的文件夾就是這個樣子~
搭建 vue-cli 腳手架的基本步驟就是以上這些,剛開始搭建不熟練很正常,搭建多次就慢慢熟悉了。希望不熟悉 vue-cli 搭建環境的小夥伴們看完這篇博客後,會對大家有所幫助吧。。。。。