开发环境:VSCode/node/vue-cli/git-bash

在这里插入图片描述

进行基本配置

在这里插入图片描述
在这里插入图片描述

利用Git Bash管理代码

1.新建仓库并推送本地master
在这里插入图片描述
2.新建分支develop并推送
在这里插入图片描述
3.新建createComponents分支

开始写基础代码

一级路由:电影、影院、我的
二级路由:城市、正在热映、准备上映、搜索
路由重定向

  1. git checkout develop切换到develop分支
  2. git merge createComponents --no-ff合并到develop分支,并把记录添加到日志
  3. git log查看日志
  4. git push origin develop提交
  5. git branch查看分支
  6. git branch -d createcomponents删除分支create Components
  7. git checkout -b setData新建分支setData

利用反向代理、AJAX、AXIOS完成城市组件数据渲染

  1. 让脚手架代理到API接口数据
    在根目录下新建vue.config.js文件(vue-cli提供的配置环境)
module.exports={
    devServer:{
        proxy:{
            '/api':{
                target:'https://m.maoyan.com/ajax/filterCinemas?ci=57',
                changeOrigin:true
            }
        }
    }
}

在这里插入图片描述
下载axios并重启端口

  1. 在main.js中
import axios from 'axios'
Vue.prototype.axios = axios; 
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐