首页 > Web开发 > 详细

创建vue项目并搭建JSONSERVER

时间:2019-01-25 14:44:31      阅读:273      评论:0      收藏:0      [点我收藏+]

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

原文:https://www.cnblogs.com/toonezhr/p/toonezhr.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!