基于vue-cli5及vw方案实现的移动端企业级工程架构

使用vw实现移动端适配脚手架

简介

本项目是基于vw实现的移动端适配脚手架，按照750*1334的UI设计图为基准，在设置尺寸时直接按照UI图填写即可。如果更改设计图基准尺寸，在.postcssrc.js文件更改。

如何在Vue项目中使用vw实现移动端适配

如果安装或启动报错，请对照package.json文件的依赖及版本。

项目使用scss为css预处理语言，开发者可以根据自己习惯来安装别的css预处理语言。

Project clone

git clone https://github.com/Zuojiangtao/vue-vw-mobile my-project
cd my-project

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Run your unit tests

yarn run test:unit

Customize configuration

See Configuration Reference. | 查看 配置参考.

其他说明

• 项目使用的 vue-cli5, 请确保你所使用的 vue-cli 是新版，并且已经学习 cli 官方文档使用教程

• 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码, vue.config.js 下的 lintOnSave 值改为 false

• 使用polyfill兼容至 IE10

浏览器兼容

Modern browsers and IE10.

IE / Edge	Firefox	Chrome	Safari	Opera
IE10, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions