最近開始了一個用vue作為前端語言的專案,紀錄一下生產的過程。
首先這個專案是用vue cli建立,在建立之前,我們的電腦必須下載ndde.js,以及它的管理套件npm。
可以在以下官網中下載:(npm已包含在node.js裡面囉)
https://nodejs.org/en/
在安裝好node.js後,首先先運行下面指令,來查看是否安裝完成
$ node -v
接著就來安裝vue cli到本地環境吧,-g是指安裝到全域環境
$ npm install -g vue-cli
接下來把專案新增,就可以完成vue的安裝了
//建立專案//
$ vue create [project_name]
$ vue create vue-demo
create後面接你想輸入的專案名稱
接著會有一連串的設定要你輸入,跟著它的指示輸入即可
輸入完成後,進入專案資料夾
$ cd vue-demo
然後運行專案
//本地端運行,開發版本//
$ npm run dev
//需要伺服器//
$ npm run build
接著在瀏覽器網址列輸入 http://localhost:8080
如果順利完成,會看到vue的歡迎畫面,這樣就已經初步建好vue的專案囉!