安装vue-cli脚手架使用swiper

首先有node，查看版本 node -v  npm -v

安装vue-cli脚手架，安装代码为：npm install -g vue-cli

我们在这里选择的是全局安装，安装完之后创建项目。

进入项目cmd或者终端进入  cd 项目

vue init webpack +项目名

首先是项目名,项目描述,作者,搭建vue项目,是否路由这几项都可以手动输入或是选择yes ; 从是否规范代码向下的三项都选择no,方便写代码,如果采用代码规范的话编写代码时必须按照ESLint格式编写,否则会报错

最后一项选择yes,等待项目搭建好即可

cd 项目名  然后 npm install  最后 npm run dev

最后启动项目

更改首页  

首先,在APP.vue中我们需要改下页面样式,将margin-top改为 0

然后找到router中的index.js将显示页面改写一下

import Vue from 'vue'

import Router from 'vue-router'

import Thefirst from '@/components/Thefirst'

Vue.use(Router)

export default new Router({

  routes: [

    {

      path: '/Thefirst',

      name: 'Thefirst',