vue 项目代码初始化

1. <meta>补充

1 <head>
2     <meta charset="utf-8">
3     <meta name="viewport" content="width=device-width,initial-scale=1.0 minimum-scale=1.0 maximum-scale=1.0 user-scalable=no">
4     <title>my-project</title>
5 </head>

2. 添加reset.css:重置页面样式表

3.添加border.css:1px物理边框的实现

在main.js入口文件中添加

1 import Vue from 'vue'
2 import App from './App' // 当前目录下(src)的App的位置导入进来的
3 import router from './router' // 自动引用router文件夹下的index.js文件
4 import fastClick from 'fastclick'
5 import './assets/styles/reset.css'
6 import './assets/styles/border.css'

4.引入fastclick库:解决移动端300毫秒点击延迟

把fastclick这个包安装到项目的依赖之中,--save表示开发与上线都需要

npm install fastclick --save

1 // 移动端300毫秒点击延迟事件
2 fastClick.attach(document.body) // attach()是fastClick自带的方法

5. 上iconfont官网注册iconfont账号

图标管理-我的项目-新建项目

猜你喜欢

转载自www.cnblogs.com/knuzy/p/9291824.html