VUE采用VW布局结合vant UI搭建项目流程
- 默认本地安装好了node环境及v-cli脚手架(未安装的话请行安装),检查版本。
- 代码编辑器(webStorm)打开项目文件夹,键入命令:
vue init webpack Management
- 根据命令提示做相应的操作:
4.接下来安装vw布局需要的插件,在.postcssrc.js文件中Vue-cli默认配置了三个PostCSS插件
我们还需要安装以下六个插件:
postcss-aspect-ratio-mini
postcss-px-to-viewport
postcss-write-svg
postcss-cssnext
postcss-viewport-units
cssnano
键入命令:
npm i