如何搭建一個基於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項目搭建成功

 

 

---

  說明：本文為原創作品，若有參考會在文中提及，如有遺漏，涉及侵權，請聯系本人，將立即修正。