創建一個vue項目,首先要安裝node和npm,
可以打開cmd面板可以用
node --version 查看自己的node版本
npm --version 查看自己的npm版本
如果都能輸出他們的版本號,說明以及安裝成功了.
命令行工具(CLI):vue提供了一個官方命令行工具可用於快速搭建大型單頁應用.該工具為現代化的前端開發工作流提供了開箱即用的構建配置.
npm install --global vue-cli
現在就可以新建vue項目了,在這里,我在E盤中建了個vue文件夾,先進入該文件夾
然后建項目:vue init webpack myvue
然后等待一會就行了.
這里回車就行了.
再繼續回車,Author就是作者,可以不寫什么,再繼續回車.
這里是兩種版本,
Runtime Only相比Runtime+Compiler更加輕量，但是缺點是不能夠編譯jsx，在vue源碼中，無論是render函數，還是template最終都是編譯成render函數進行渲染的，所以，使用Runtime Only有時需要自己手動配置webpack對模板語法進行編譯。
常用的就是Runtime+Compiler，不需要自己手寫render。
繼續回車:
安裝路由,在后面填y,然后回車,下面的看自己需要可以y可以n,
使用npm就可以了.回車.
完成之后,進入cd進入剛剛建的項目cd myvue,
你可以在你選擇的文件加下看到這些文件 （其中node-modules是依賴安裝后出現的，沒安裝依賴以前是沒有node_modules文件夾的）如果沒有這個是運行不了的,需要再npm install安裝一下.
然后進入項目npm run dev就能運行了,默認地址是:https://localhost:8080
在瀏覽器地址欄輸入地址后,頁面就是這樣的了:
這樣,一個vue項目就建好了.