如何搭建一個基於nuxt.js的項目

介紹

nuxt.js（中文官方文檔）是vue.js的一個通用型應用框架，有了以前搭建vue項目的過程以後，搭建一個nuxt項目就會十分簡單。

搭建步驟

1.打開命令提示符，進入到相關文件夾下；

2.使用以下命令一步搭建項目

vue init nuxt-community/starter-template testPro  --testPro爲項目名稱

3.須要進一步輸入如下信息

Project name (testPro) test-pro       --輸入項目名稱，回車
Project description (Nuxt.js project) --項目描述，直接回車便可
Author syf                            --輸入做者姓名，回車便可

3.進入到testPro

cd testPro

4.安裝依賴

npm install

5.啓動項目

npm run dev

6.具體過程以下

7.訪問http://localhost:3000，獲得以下圖所示，說明nuxt項目搭建成功

 

 

---

  說明：本文爲原創做品，如有參考會在文中說起，若有遺漏，涉及侵權，請聯繫本人，將當即修正。