Vue项目如何安装移动端自适应插件、什么插件

一、vue创建项目（npm安装→初始化项目）

第一步npm安装

首先：先从nodejs.org中下载nodejs
双击安装，在安装界面一直Next，直到Finish完成安装。
使用淘宝 NPM 镜像。

$  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了：

第二步项目初始化

第一步：安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功，需要检查vue
选定路径，新建vue项目，
vue init webpack ”项目名称“
现在已经创建好了，执行操作指令是：

cnpm install
cnpm run dev

二、vue项目安装移动端自适应插件

第一步、安装移动端适配器amfe-flexible

npm install amfe-flexible

并在main.js文件中引入

import 'amfe-flexible' 

第二步、安装postcss、autoprefixer、postcss-pxtorem

npm install postcss
npm install autoprefixer
npm install postcss-pxtorem

并在package.json文件中引入：

"postcss": {
        "plugins": {
           "autoprefixer": {},
           "postcss-pxtorem": {
              "minPixelValue": 12,
              "replace": true,
              "rootValue": 37.5,//不合适修改为75
              "selectorBlackList": [".weui-"],
              "propList": ["*"]
            }
        }
    },