git常用安装包,指令

• babel-polufill  -es6  API转义

• npm install --save @babel/polyfill

• babel-runtime -es语法转义

• npm install --save @babel/runtime

• fastclick-移动端300毫秒延迟

  npm install fastclick

• stylus样式安装-css预处理器

npm install stylus stylus-loader --save

• swiper-滑动组件

$ npm install vue-awesome-swiper@2.6.7 -save
在main.js入口引入

import VueAwesomeSwiper from 'vue-awesome-swiper

import 'swiper/dist/css/swiper.css
并使用

Vue.use(VueAwesomeSwiper)

swiper标签代码从官方复制，在data中定义swiperOption

• 使用axios-ajax

1.安装axios
npm install axios --save
2.引入axios
import axios from 'axios'
3. 使用生命周期函数mounted 获取ajax数据
4.请求url
axios.get('/api/index.json')
5.axios返回的是Promise对象，可以使用then
6.模拟后端数据
在static文件中添加.json文件 （static/mock/index.json）
7.在.gitignore文件中添加不需要提交的文件路径（static/mock）

• 使用better-scroll-移动端滚动组件

vue-项目中使用 better-scroll
. 安装 
npm i better-scroll --save
. 组件中引入
import bscroll form 'better-scroll'
. 使用 const wrapper = document.querySelector('.wrapper')
const scroll = new BScroll(wrapper)

4.设置

绝对定位
overflow:hidden

vue中使用需要的设置

    <div class="wrapper" ref="wrapper">
      <div>
        放包裹的dom
      </div>
    </div>

引入
import Bscroll from 'better-scroll'
设置
     mounted() {
      this.scroll=new Bscroll(this.$refs.wrapper)
   }  

css  绝对定位  超出隐藏
    .wrapper
      position absolute
      top 1rem
      left 0
      right 0
      bottom 0
      overflow hidden