1.初始化項(xiàng)目

使用官網(wǎng)提供的腳手架工具 create-nuxt-app，創(chuàng)建一個(gè)nuxtjs項(xiàng)目。
npx create-nuxt-app xianyun

需要等待片刻安裝依賴(lài)的下載，下載完成后可以看到下面的提示框，要求輸入項(xiàng)目名稱(chēng)。

這里和接下來(lái)的提示都不需要輸入任何內(nèi)容，回車(chē)即可，直到要求選擇服務(wù)器端框架。

選則Element-UI
服務(wù)器端框架選擇none，代表使用Nuxt的默認(rèn)服務(wù)器。

接下來(lái)我們來(lái)選擇安裝一下額外的功能包，選擇安裝Axios（要按下空格鍵選中），繼續(xù)回車(chē)下一步
接下來(lái)的提示中統(tǒng)一回車(chē)選擇默認(rèn)即可。

啟動(dòng)

當(dāng)運(yùn)行完時(shí)，項(xiàng)目將安裝所有依賴(lài)項(xiàng)，因此下一步是啟動(dòng)項(xiàng)目:

$ cd xianyun $ npm run dev

創(chuàng)建頁(yè)面目錄

接下來(lái)創(chuàng)建項(xiàng)目結(jié)構(gòu)目錄，方便以后的項(xiàng)目模塊擴(kuò)展。
在pages目錄下新建文件夾，文件夾分別對(duì)應(yīng)接下來(lái)要開(kāi)發(fā)的業(yè)務(wù)模塊

創(chuàng)建組件目錄

雖然現(xiàn)在還沒(méi)開(kāi)始開(kāi)發(fā)頁(yè)面，但是我們可以預(yù)測(cè)未來(lái)的頁(yè)面中肯定存在很多可以獨(dú)立封裝的組件，所以我們現(xiàn)在可以給未來(lái)的組件新建存放目錄.
在components文件夾中新建文件夾：

總結(jié)

初始化項(xiàng)目命令：

// 安裝，注意選項(xiàng)選擇 npx create-nuxt-app xianyun// 啟動(dòng) $ cd xianyun $ npm run dev

新建項(xiàng)目文件結(jié)構(gòu)

修改默認(rèn)配置文件nuxt.config.js ,注意修改配置文件要重啟項(xiàng)目才生效

總結(jié)

以上是生活随笔為你收集整理的闲云旅游网01（基于vue+element ui）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。