1. 程式人生 > >安裝vue及配置數據u

安裝vue及配置數據u

pic serve justify erl 每次 .com 樣式 clas family

1.Cd 到新建文件夾下

2.Vue init webpack 文件名

記到cd到文件名下面

3.安裝json和resource和router

npm install vue-router vue-resource --save

npm install json-server --save

環境搭建好之後每次打開項目記得npm run dev

安裝數據庫

  1. 新建一個數據庫文件夾
  2. Cd到目錄下
  3. Npm init
    1. 初始化package.json之後需要去安裝json-server

Npm install json-server –-save

  1. 安裝完之後需要打開package.json文件夾需要將原來的文件改一下

原來文件:

技術分享圖片

改成現在的

技術分享圖片

新建一個以db.json命名的文件

數據官網http://jsonplaceholder.typicode.com/

技術分享圖片

打開服務:Npm run json:server

技術分享圖片

技術分享圖片

Container 樣式居中

配置路由:

技術分享圖片

技術分享圖片

首頁

技術分享圖片

技術分享圖片

app頁面

技術分享圖片

添加數據頁面

技術分享圖片

技術分享圖片

安裝vue及配置數據u