vue3，demo项目流程，移动端适配viewport，vant-ui，axios,封装接口文件

第一步：引入css，

1，scss中导入 css文件 @import ‘路径’

2，js文件中导入scss文件，css文件 import‘路径’

新建vue3项目

1，在assets中新建styles文件夹，新建reset.css文件，网上查找 reset.css 复制粘贴

2，在styles文件夹中新建 index.scss文件。导入reset.css文件

@import './reset.css'

3,在main.ts文件中导入 index.scss文件

import './assets/styles/index.scss' //引号中是路径

第二步 移动端适配postcss-px-to-viewport

地址：https://github.com/evrone/postcss-px-to-viewport

安装指令：

npm install postcss-px-to-viewport --save-dev

然后再根目录创建postcss.config.js文件，并且配置。

module.exports = {
       plugins: {
           'postcss-px-to-viewport': {
               viewportWidth: 375, //设计稿标准        },    },};