安装vue及配置数据u

Posted ~丸子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安装vue及配置数据u相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

模块化vuex,获取、设置数据,及刷新保留数据方法

Vue安装及项目搭建

Vue+Ant design vue安装及配置使用

Vue 安装及基本配置

Vue学习之vue-cli脚手架下载安装及配置

@vue/cli 3 安装搭建及 webpack 配置