[JavaScript知识库]vue 移动端项目初始化

目录

引入iconfont

引入 Vant 组件库

rem适配

引入iconfont

1. 选择 fontclass
2. 点击 生成代码
3. 点击生成的在线链接并复制代码
4. 在 main.js 或 index.css 里引入

引入 Vant 组件库

rem适配

1. 使用 lib-flexible 动态设置 REM 基准值：

   • 安装：npm i amfe-flexible

   • 在main.js中加载：import 'amfe-flexible'

2. 使用 postcss-pxtorem 将 px 转为 rem：

   1. 安装：npm install postcss-pxtorem -D

   2. 在根目录新建 .postcssrc.js 文件

      module.exports = {
      
      ? plugins: {
      
      ? ? 'autoprefixer': {
      
      ? ? ? browsers: ['Android >= 4.0', 'iOS >= 8']
      
      ? ? },
      
      ? ? 'postcss-pxtorem': {
      
      ? ? ? rootValue: 37.5,
      
      ? ? ? propList: ['*']
      
      ? ? }
      
      ? }
      
      }

3. 重启项目