首先,安裝Node.js和npm(這些已經(jīng)在macOS上預(yù)裝了)。
現(xiàn)在,我們可以從終端使用以下命令來安裝Vue CLI:
npm install -g vue-cli
接下來,我們可以使用Vue CLI來創(chuàng)建一個新的項目。在這里,我們將在桌面上創(chuàng)建一個名為my-vue-app的新項目。
cd ~/Desktop vue init webpack my-vue-app
這將創(chuàng)建一個新的Vue項目,并詢問你是否要安裝依賴項。選擇是,然后等待一段時間。
現(xiàn)在,我們可以進(jìn)入my-vue-app文件夾,并運行以下命令來啟動應(yīng)用程序:
cd my-vue-app npm run dev
現(xiàn)在,我們的Vue應(yīng)用程序正在運行,訪問http://localhost:8080/即可查看。
現(xiàn)在,我們可以開始編寫Vue代碼。在src目錄中,我們有App.vue文件,這是我們整個應(yīng)用程序的根組件。我們可以在這里編寫我們的Vue組件。
{{ message }}
在這個示例中,我們定義了一個根Vue組件,它包含一個數(shù)據(jù)屬性message和一個template模板。模板中包含一個
標(biāo)簽,它將使用Vue中的{{message}}數(shù)據(jù)進(jìn)行插值。
現(xiàn)在,你可以通過編寫更多的Vue組件來擴(kuò)展你的應(yīng)用程序。試試吧!
下一篇mac vue報錯