头条项目开始

vue cli创建项目

vuecreate 项目名

manually：自定义勾选特性配置，选择完毕之后，才会进入装包

分别选择： Babel：es6 转 es5 Router：路由 Vuex：数据容器，存储共享数据 CSS Pre-processors：CSS 预处理器，后面会提示你选择 less、sass、stylus 等 Linter / Formatter：代码格式校验

选择在什么时机下触发代码格式校验：

Lint on save：每当保存文件的时候
Lint and fix on commit：每当执行 git commit 提交的时候
安装结束，命令提示你项目创建成功，按照命令行的提示在终端中分别输入：路径 运行

git仓库

没有仓库

# 创建本地仓库

git init

# 将文件添加到暂存区

git add 文件

# 提交历史记录

git commit "提交日志"

# 添加远端仓库地址

git remote add origin 你的远程仓库地址

 

已有：

# 添加远端仓库地址

git remote add origin 你的远程仓库地址

# 推送提交

git push -u origin master

创建目录

• src/api 目录

  • 存储接口封装

• src/utils 目录

  • 存储一些工具模块

• src/styles 目录

引入vant组件库

yarn add vant@2.12.44

在 main.js 中加载注册 Vant 组件

1. import Vue from 'vue'

2. import Vant from 'vant'

3. import 'vant/lib/index.css'

4. vue.use(vant)

 

完成移动端rem适配

封装axios请求模块

安装yarn add axios

创建 src/utils/request.js

import axios from "axios"
// 创建一个axios实例对象
const request = axios.create({
   baseURL: "http://toutiao-app.itheima.net", // 基础路径
})
// 暴露出去
export default request