用@vue/cli 創建項目

學習Vue是根據《Vue.js項目開發實戰》張帆寫的。這本書看的,這本書是 node v8.6.0、npm 5.4.2;vue-cli好像是3.多的吧。自己查了一下,我這會新的是4.*。

首先就是安裝vue-cli,發現用

npm install vue-cli --save-dev

npm install @vue/cli --save-dev

都不行,最後改用了yarn才安裝成功。

yarn add @vue/cli --save-dev

查看版本號的命令也變了,書上寫的是

vue -version

改爲了

vue -V

V 一定要是大寫的V,當然你寫的不對,它也會提示你的。

細節或許有的會忘記點,但自己踩的坑還是會提到,

創建項目的時候,書中是初始化一個webpack項目

vue init webpack movie_view

自己試了好久發現成功不了,報沒有命令什麼的。找了下4.*的發現創建項目也改變了。具體的看這個鏈接吧,寫的挺詳細的。

https://www.cnblogs.com/sese/p/11712275.html

我簡單提下,

vue create project-name

會讓你選擇從哪個鏡像拉數據,直接寫Y回車,就好,我是自己回車的,好了之後,該路徑下就有了項目文件夾,cd進入,然後

yarn serve

就可以啓動,這個成功了之後它都有提示。起了服務之後,訪問地址會出現。

直接在瀏覽器訪問,

這跟書中成功的結果是一致的。開心……

發佈了121 篇原創文章 · 獲贊 27 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章