vue+koa2商城实战学习笔记

1.按需引入

cnpm i babel-plugin-import -D 下载

.babelrc中配置

{

"plugins": [

　　"transform-vue-jsx",

　　"transform-runtime",

　　["import",{"libraryName":"vant","style":true}]

]

}

main.js中引入

import {Button} from 'vant'

Vue.use(Button)

 

2.rem布局

//获取屏幕宽度

 let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;

//获取html元素

let htmlDom = document.getElementsByTagName('html)[0];

//设置html字体大小

htmlDom.style.fontSize = htmlWidth/20 + 'px' ;

 

3.vscode插件

vue VSCode Snippets 快速生成vue模板

npm install vue-cli -g --registry=https://registry.npm.taobao.org 改变源下载东西，相当于cnpm