vue-cli腳手架的搭建

    說起 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 搭建環境的小夥伴們看完這篇博客後,會對大家有所幫助吧。。。。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章