码迷,mamicode.com
首页 > 其他好文 > 详细

安装vue及配置数据u

时间:2018-03-10 00:22:51      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:命名   环境   png   contain   ora   resource   ref   gpo   save   

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

标签:命名   环境   png   contain   ora   resource   ref   gpo   save   

原文地址:https://www.cnblogs.com/lucky-ball/p/8534205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!