vue项目安装
1.安装node.js 查看版本node -v npm -v
2.安装脚手架cli4 npm install -g @vue/cli
3.vue create 项目名称
(* )Bable
(* )Router
(* )Vuex
(* )CSS Pre-porcessors
Less
In package.json
4.安装cnpm install axios --save
vue rem布局设置
rem.js
(function(){ //匿名函数
function resize(){
var baseFontSize =100; //设计稿100px 相当于1rem,750px -->7.5rem--->各种屏幕的100%的宽度 1000px
var designWidth =750;//设计稿宽度
var width = window.innerWidth;//屏幕宽度
var currentFontSize = (width/designWidth)*100;
document.querySelector('html').style.fontSize = currentFontSize + 'px'
}
window.onresize =function(){ //onresize 事件会在窗口或框架被调整大小时发生
resize()
}
document.addEventListener('DOMContentLoaded',resize) //addEventListener() 方法用于向指定元素添加事件句柄。
}())
main.js
import '@/config/rem'