1. 程式人生 > >創建vue項目並搭建JSONSERVER

創建vue項目並搭建JSONSERVER

文件夾 進入 height host src cal vue-cli 項目 cli

1、該前提是你已經搭建好vue-cli腳手架,開始創建一個新項目,輸入 vue init webpack demo(demo是自定義項目名)。

2、cd demo 進入項目安裝依賴

3、在已經創建的項目結構裏面會多出一個node_modules的文件夾,這就是剛才安裝的所有依賴

4、此時項目構建完成,輸入npm run dev運行項目

技術分享圖片

5、搭建jsonserver(先下載 https://github.com/typicode/json-server)

6、Json server 安裝命令:

  cnpm install -g json-server

7、查看結果 json-server -v

  技術分享圖片

結果如圖即安裝完成

8、啟動jsonserver : json-server --watch db.json

技術分享圖片

登錄localhost:3000

技術分享圖片

9、測試自己的數據,可以打開db.json修改

技術分享圖片技術分享圖片技術分享圖片

10、可以修改package.json的啟動方式

技術分享圖片

11、啟動: npm run json:server

技術分享圖片

創建vue項目並搭建JSONSERVER