# 如：开发一个每时每刻的移动端项目

# 看

效果图，观察里面的图片，字体是否有提供，然后找字体库或截取图片

# 找

看里有什么功能，如：富文本，tabBar，九宫格，安装对应的插件，让写代码跟轻松

# 安

安装脚手架，提前配置多环境变量，在根目录下创建.env.。。。, 然后在 src 中创建，config 文件夹，env.。。。.js,index.js 等，然后 request 导出，在 utils 中配置 axios，baseURL 设置成 index.js 中的变量

import axios from 'axios'
import { baseUrl} from '../config'
const instance = axios.create({
  baseURL: baseUrl,
  timeout: 5000
})

# 封

封装接口，统一管理 api，方便后期整改，根目录下创建 api 文件夹，里面先新建一个 index.js 文件，导入 utils 中的 axios.js

import axios from '../../utils/http'

export function login() {
  return axios.get(`/app/login`)
}

# 静

静态页面

总结