vue项目的创建
创始人
2025-06-01 19:36:08
npm install postcss postcss-pxtorem --save-dev什么是Axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
特性
- 从浏览器中创建 XMLHttpRequests
- 从 node.js 创建 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换 JSON 数据
- 客户端支持防御 XSRF
安装
使用 npm:
npm install axios引入axios
在utils工具文件夹里新建一个request.js文件， 用import 在vue中导入模块
// 引入axios
import axios from 'axios';解决【屏幕适配准备】
什么是rem？
它是一个相对单位，像px，vh，vw等一样，可以用来表示尺寸单位。rem之所以可以用于自适应布局，是因为rem是一个相对尺寸，它只相对于html根元素来进行计算 所以，在不同的页面大小中，只要改变html根元素的大小，其他所有元素便会跟着改变。
使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）
安装使用：
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：
- lib-flexible (opens new window)用于设置 rem 基准值
- postcss-pxtorem (opens new window)是一款 postcss 插件，用于将单位转化为 rem
下载flexible：
npm i - S amfe-flexible引入flexible：
在utils工具文件夹里新建的request.js文件，用import 在vue中导入模块
// 导入flexible
import 'amfe-flexible'使用 postcss-pxtorem 将 px 转为 rem
- 下载一个插件使px单位运行项目的时候自动变成rem单位（postcss-pxtorem 后css处理器（之前用的less是预css处理器））
- 下载postcss-pxtorem
- 安装完成后，在和src平级的文件里新建一个
.postcssrc.js配置文件再复制配置代码 - 配置完毕，重新启动服务
下一篇：开发一个app需要多少钱
相关内容
热门资讯
重组胶原蛋白暗战：锦波生物背靠...
文 | 坤舆商业观察，作者 | 高见重组胶原蛋白，这个曾被视为小众科研的名词，正成为医美行业新的流量...
芯迈半导体IPO：小米宁王押注...
文 | 港股研究社近日，功率半导体企业芯迈半导体技术（杭州）股份有限公司（简称“芯迈半导体”）向港交...
解决社会不平等的中国可能
文 | 沈素明2024年，当大洋彼岸的精英们还在为3000人的“基本收入实验”争论不休，甚至撕破脸皮...
立体广告的“出圈”与“出格”
文 | 数字品牌榜前段时间，脉动将自家的立体广告投放到了全国各地的公交站，竟意外吵上了热搜。有网友觉...