1.初始化項目

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

需要等待片刻安裝依賴的下載，下載完成后可以看到下面的提示框，要求輸入項目名稱。

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

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

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

啟動

當(dāng)運行完時，項目將安裝所有依賴項，因此下一步是啟動項目:

$ cd xianyun $ npm run dev

創(chuàng)建頁面目錄

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

創(chuàng)建組件目錄

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

總結(jié)

初始化項目命令：

// 安裝，注意選項選擇 npx create-nuxt-app xianyun// 啟動 $ cd xianyun $ npm run dev

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

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

總結(jié)

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

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