iT邦幫忙

0

用vue開始一個新專案

vue

最近開始了一個用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的專案囉!


尚未有邦友留言

立即登入留言