以下以命令为步骤
1.vue init webpack
你要确定你所需的环境都配置了,例如node,vue-cli(2.x版本),npm,然后配置一些选项,就可以自动创建一个vue项目了
2.此时项目的框架大体上搭建好了,其实已经可以开始做项目了,但是为了更好的做项目,我们需要配置一些自己喜欢的插件
2.1使用px2rem-loader插件
npm i lib-flexible -S
npm i px2rem-loader -D
import 'lib-flexible'
需要在main.js中引用 ‘lib-flexible’
此时我们还是不能使用rem布局,我们需要在如下图的文件中替换掉相应的文件
需要替换的代码是:
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75
}
}
替换后的文件