zoukankan      html  css  js  c++  java
  • Day 87 VUE——xmall_front 案例

    项目目标

    1.对项目进行需求分析和模块划分以及功能划分
    2.实现首页 + 全部 + 品牌周边页面渲染
    3.查看商品详情页制作、商品排序以及分页功能实现
    4.使用 token + jwt 实现网站用户登录退出(后台)
    5.使用 Meta 原信息实现路由权限控制
    6.实现加入购物车、图片懒加载功能
    7.实现数据持久化春虎成用户数据和购物车数据
    8.项目优化以及如何打包上线整个流程

    环境准备

    项目环境:vue + vue-router + vuex + element-ui

    新建项目:vue create xmall_front
    安装插件 element :vue add element 建议使用局部导入,中文
    安装插件 sass:npm install -D sass-loader sass
    安装插件 axios:cnpm i axios -S
    安装插件 vue-lazyload:cnpm i vue-lazyload -S

    查看 package.json 文件插件是否安装完成:

    开发依赖:
    node-sass
    sass-loader

    依赖关系:
    axios
    element-ui
    vue
    vue-lazyload
    vue-router
    vuex

    初始化项目:把创建时项目自带的界面及相关样式、引用、界面等一并删除

  • 相关阅读:
    Docker基本命令及工作原理
    Docker安装
    linux命令
    MTPuTTy使用
    SpringBoot--swagger搭建、配置及使用
    idea使用技巧
    Idea插件
    IDEA开发工具使用 git 创建项目、拉取分支、合并分支
    git命令
    javbus爬虫-老司机你值得拥有
  • 原文地址:https://www.cnblogs.com/ysging/p/13548041.html
Copyright © 2011-2022 走看看