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