學習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
就可以啓動,這個成功了之後它都有提示。起了服務之後,訪問地址會出現。
直接在瀏覽器訪問,
這跟書中成功的結果是一致的。開心……