Vue3+Vant+Vue-cli+Restful api实战—图书商城移动端

项目介绍

Vue3+Vant+Vue-cli+Restful api实战—图书商城移动端 是一个图书商城移动端项目，该项目使用Vue3作为前端框架，Vant作为UI组件库，Vue-cli作为构建工具，Restful api作为后端接口。该项目包含了图书列表、图书详情、图书搜索、图书收藏、图书购买等功能，基本涵盖了图书商城移动端的所有常见功能。

项目结构

该项目采用模块化开发方式，主要分为以下几个模块：

• src：源代码目录，包含所有前端代码
• public：公共资源目录，包含所有静态资源，如图片、CSS文件、JS文件等
• node_modules：依赖包目录，包含所有安装的依赖包
• package.json：项目配置文件，包含项目名称、版本、依赖包等信息
• README.md：项目说明文件，包含项目介绍、安装说明、使用说明等信息

项目安装

该项目使用Vue-cli构建，因此需要先安装Vue-cli。

npm install -g @vue/cli

安装完Vue-cli后，就可以使用Vue-cli创建项目了。

vue create vue3-vant-vue-cli-restful-api

项目创建完成后，就可以进入项目目录并安装依赖包了。

cd vue3-vant-vue-cli-restful-api
npm install

项目运行

依赖包安装完成后，就可以运行项目了。

npm run serve

项目运行后，就可以在浏览器中访问项目了。

项目截图

项目地址

该项目的完整代码已托管在GitHub上，地址为：https://github.com/AmandoStudio/vue3-vant-vue-cli-restful-api

总结

本项目是一个完整的图书商城移动端实战项目，涵盖了图书列表、图书详情、图书搜索、图书收藏、图书购买等功能，非常适合希望学习和了解Vue3、Vant、Vue-cli和Restful api的小伙伴。