Vue3 + want ui搭建移动端项目

1、安装px转rem插件

         npm i lib-flexible --save (dependencies项目运行时的依赖,程序上线后仍然需要依赖)

         npm i px2rem-loader --save (devDependencies开发阶段的依赖)

2、在main.js内引入:import 'lib-flexible/flexible'

3、在vue.config.js中配置css,如果没有vue.config.js可以手动创建一个

4、安装less

      npm install less less-loader --save

      vue add style-resources-loader,选择less,在vue.config.js中对less进行配置

        (需要注意的是,less-loader版本太高的话有可能会报错,所以适当将两级试试)

5、安装vant ui

      npm i vant@next -S

      安装最新版本的vant

      npm i babel-plugin-import -D

      引入组件,通过babel插件按需引入组件,在.babelrc或babel.config.js中添加配置

      在main.js按需引入需要的组件Button,Icon等

你可能感兴趣的:(前端Vue3.0,+,vant,UI项目搭建,vue.js,ui,javascript)