Vue入門教學(一)--- HelloWorld
阿新 • • 發佈:2020-11-30
前端菜鳥一個,寫一個關於Vue的入門教學,沒有學過Vue的靈長類同類可以看看,雖然做不到將全部Vue的知識都寫出來(因為我也是隻懂個皮毛),但是應該是可以滿足大概的需求的,話不多說,直接開始乾貨。
現在的大多數公司慢慢地實現了前後端分離,這也大大便利了前端開發者,這裡cdn匯入vue.js的方式就不寫了,先從腳手架開始說起。
1.node安裝
在搭腳手架前首先要安裝node。https://nodejs.org/en/,在官網下載最新的版本然後安裝後即可,沒有什麼別的東西,一路下一步就好了,安裝完成後,在控制檯輸入node -v,如果顯示node的版本說明安裝成功
2.Vue安裝
安裝好node後,我們可以通過npm去安裝Vue
npm install -g vue-cli
安裝完成後輸入vue -V,顯示vue的版本說明安裝成功
3.準備工作完成後,接下來可以進行專案的搭建了(這裡我們用vue-cli3)
vue create demo
接下來按enter就可以了
安裝好後,然後按照提示的操作進行
接下來開啟對應的地址localhost:8080
這樣一個vue的初始化專案就搭建成功了