码迷,mamicode.com
首页 > Web开发 > 详细

创建vue项目并搭建JSONSERVER

时间:2019-01-25 15:13:37      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:ima   inf   安装完成   依赖   就是   git   分享图片   启动方式   host   

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

标签:ima   inf   安装完成   依赖   就是   git   分享图片   启动方式   host   

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

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