创建项目
通过 vue-cli 脚手架工具直接生成一个项目
1 创建:vue init webpack shop-admin
2 配置(根据脚手架的引导来选择配置项)
3 cd shop-admin
4 启动项目:npm run dev 或 npm start
手动配置路由
1 安装:npm i vue-router
2 在 src 目录中,新建 router 文件夹,在文件中新建 index.js 路由的配置文件
3 在 index.js 中,配置路由,并导出路由实例
4 在 main.js 中导入 路由配置,并且与 Vue实例 关联到一起
5 在 App.vue 中,添加路由出口
vant 组件库的使用
1 安装:npm i element-ui
2 在 main.js 中,导入 vant、样式,并安装插件
3 直接在文档中找到对应的组件使用即可
项目接口本地搭建