文章目录 第一步下载插件第二部在main.js中引入第三步添加配置文件 场景描述 我需要vant开发移动端，但是移动端得需要屏幕适配，怎么解决 第一步下载插件 postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem lib-flexible 用于设置 re…

本章讲述了我在写vue3项目时的一些心得体会和笔记，谢谢你的观看。 1.环境搭建 1-1nodejs环境安装 https://nodejs.org/zh-cn/ 1-2npm 淘宝镜像安装 npm install -g cnpm --registryhttps://registry.npm.taobao.org1-3vite项目搭建 http://www.vitejs.net/ …

Vue开发组件问题 Vant组件①吸顶组件(搜索栏和nav导航实例)②吸顶和返回顶部同时使用时候Flex布局自动换行均等布局(三个)欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的…

1. 使用vue/cli创建项目（安装vue/cli） vue create my-project创建过程步骤如下： Manuually select features 选择 Babel（es6语法编译器） Router（路由模块） Vuex（全局状态管理&…

什么是Vant Vant是一个轻量，可靠的移动端组件库，2017开源 Vant的优势 ElementUI是开发电脑浏览器页面的组件库 而Vant是开发移动端显示页面的组件库 酷鲨商城前台设计的是手机来访问，所以使用移动端更合适也就是使用Vant Vant特性 🚀 性能极佳，组件平均体积小于 1K…

1.使用vue/cli创建项目 vue create mobie 2.项目创建完成后引入Vant npm install vant -S 3.使用vant推荐方法---使用babel-plugin-import npm i babel-plugin-import -D 3.配置babel.config.js。在其中插入配置组件。 plugins: [[import, {libraryName: vant,libraryDi…

移动端H5vat-uiHBuilderX快速开发APP 一、选用开发模板vue-h5-template github地址:https://gitee.com/dc_teach/vue-h5-template 此项目模板有点在于精简,基础功能齐全,vant模板样式多,适用于大部分h5app模板开发 二、项目模板的好处及介绍 看一下大佬的介绍&#xff1a…

项目创建： 第一步:创建Vue 项目(rourou) vue init webpack rourou 第二步:集成第三方组件(axios(请求框架)\mock(模拟框架)\) 集成移动框架:vant vant 官网地址 cnpm i vant -S 集成HTTP请求框架:axios cnpm i axios -S 集成模拟数据框架:mock cnpm i moc…