vue去哪儿

环境的搭建

建立文件夹

在电脑合适的位置建立文件夹 mkdir travel

使用 vue-cli 生成项目目录结构

1 检测 node,终端输入 node -v
2 全局安装 vue-cli,在终端输入 npm install vue-cli -g
3 终端输入 vue init webpack

启动环境

终端执行npm run dev,然后在浏览器输入http://localhost:8080 进行测试

引入库

移动端 meta 标签修改

index.html的 meta 改成<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

移动端 reset.css 引入

src/assets新建一个文件夹 styles,将 reset.css 放到该文件夹中,然后在 main.js import 'styles/reset.css',这里注意可以在 build/webpack.base.conf.js 配置 alias 'styles': resolve('src/assets/styles') ,方便以后引入 style 文件夹的文件

引入 iconfont

src/assets/styles新建 iconfont 文件夹,将’iconfont.eot,新建 iconfont 文件夹,将’iconfont.svg,iconfont.ttf,iconfont.woff‘放入其中,iconfont.css 放入src/assets/styles下,记得修改 iconfont.css 内容的路径。然后在 main.jsmport 'styles/iconfont.css'

移动端 300ms

控制台执行npm install fastclick -S之后,在 main.js 中引入,并绑定到 body

1
2
import FastClick from 'fastclick'
FastClick.attach(document.body)
-------------本文结束感谢您的阅读-------------
undefined