1. 程式人生 > >vue 項目代碼初始化

vue 項目代碼初始化

install mini 當前目錄 all reset style outer 添加 開發

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賬號

圖標管理-我的項目-新建項目

vue 項目代碼初始化