1. 程式人生 > 實用技巧 >Vue入門教學(一)--- HelloWorld

Vue入門教學(一)--- HelloWorld

前端菜鳥一個,寫一個關於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的初始化專案就搭建成功了