VUE2.0搭建H5项目
1.搭建VUE2.0项目
vue create '项目名'
2.安装flexible插件(适配移动端插件)
npm install lib-flexible -S
2.1 在main.js中引入flexible插件
import 'amfe-flexible';
3.安装 postcss-pxtorem (将px转化为rem的)
npm install postcss-pxtorem --save // 默认最新版本// 安装这个版本 版本过高有可能会出现问题
npm install postcss-pxtorem@5.1.1 --save
4.安装amfe-flexible
npm install --save amfe-flexible
5.新建postcss.config.js,与vue.config.js同级
module.exports = {plugins: {"postcss-pxtorem": {// 设计稿 375:37.5// 设计稿:750:75// Vant 是基于 375// rootValue根据设计稿宽度除以10进行设置rootValue: 37.5, propList: ["*"],selectorBlackList: ['van'] // 过滤掉VantUI组件}}}
vue2.0项目使用vant2版本的组件 Vant 2 - Mobile UI Components built on Vue
npm i vant@latest-v2 -S
在main.js中引入
import Vant from 'vant';
import 'vant/lib/index.css';Vue.use(Vant);
VUE2.0搭建H5项目相关推荐
- Vue2.0+vuex+H5实现音乐播放及歌曲切换功能的方法及原理解释
最近在用mint-ui重写一个vue.js音乐App项目,做到播放器模块,感觉挺有意思,记录一下播放器歌曲播放及歌曲切换功能实现方法及原理. 先上一张运行效果图(歌词尚未抓取.播放进度条及时间尚未开发 ...
- vue2.0的初始项目的建立
1.在建立项目之前必须已安装vue的脚手架工具,然后在E盘(这里我选的E盘)中建立一个文件夹,名称为vue2.0. 2.在vscode中上方导航栏中有个文件-->打开文件夹,然后选中刚才建立的文 ...
- vue 搭建H5项目及适配
1.创建项目 vue create test (项目名称) vue2完整创建流程 2.进行H5适配 2.1 选择ui框架(以vantui 为例) 具体 ...
- Vue2.0之H5元素Audio属性currentTime、duration应用
需求:正在做的项目是一个SPA音乐播放器,用到了H5新加入的audio标签,同时像主流播放器一样显示当前播放歌曲的秒数和总时间: 思路:查阅API文档得知需要用到audio.currentTime和a ...
- vue2.0搭建vue手脚架(vue-cli)
1.安装node.js 从node官网下载并安装node,安装步骤很简单,只要一路"next"就可以了. 安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应版本 ...
- 从0搭建vue项目笔记1
项目背景:公司要开新的项目,决定使用现在流行的vue搭建前端的框架.我之前写过一些vue.js的代码,还没有使用构建工具搭建过vue项目,所以记录一下搭建的过程. 1 关于style标签中的scope ...
- vue: vue2.0 + ts + vuex 项目
使用ts有三种方式创建组件 option api (Vue.extend({})这种方式,而不是exportdefault{}) class api (见下面) class api + decorat ...
- vue2.0 创建vue项目步骤
1.提前安装好node 2.可以cmd在自带的命令行中运行,也可以在编辑器中运行 cnpm npm install -g cnpm --registry=https://registry.npm.ta ...
- vant 项目_基于 vue3.x+vant3.x 搭建示例项目
今天给大家分享一些如何使用Vue3.0+Vant3搭建demo项目. 目前市面上有关vue3的项目并不多,vue3的UI组件库有ant-design-vue和vant-ui. 接下来讲解下使用vue3 ...
最新文章
- GFS架构启示 | Google File System
- linux变量中代,linux中shell变量$#,$@,$0,$1,$2和变量${0%/*}
- Pixel 3的超分辨变焦技术
- 小程序素材抓取软件_如何抓取微信小程序的数据?
- vue 组件属性监听_详解vuex 中的 state 在组件中如何监听
- 深度linux添加xp,Linux和Windos XP下向路由表添加路由
- flask Flash消息
- Recursive sequence HDU - 5950 (递推 矩阵快速幂优化)
- NameError: name 'reload' is not defined等python版本问题解决方案
- preparedStatement介绍
- 成绩统计(编写一个使用EL的jsp程序)
- java如何excel导入_java实现Excel导入(迭代一)
- NFT自由人数字艺术藏品有收藏价值吗?
- android错误提示的意思
- Java中什么时候用接口,什么时候用抽象类
- 如何用Python处理自然语言?(Spacy与Word Embedding)
- (操作系统原理·第三章)五个哲学家吃通心面 问题
- 手机需要完成哪些可靠性测试项目
- Android APK文件结构 完整打包编译的流程 APK安装过程 详解
- 从5G+AI到ChatGPT火爆全网,且有望带来5G消息的业务重构!
热门文章
- document.referrer 兼容性
- ChatGTP带我去旅游
- C++实验7-特殊三位数
- IAA游戏市场规模已达百亿,如何防范游戏安全问题?
- 未来电视张建华:微信为内容提供商提供发展空间(转)
- win7系统卸载补丁包更新的解决方法【系统天地】
- 校园网认证系统安全测试(绕过)
- C++开源库:Json解析:JsonCpp实践
- Pytorch_YOLOv3调试碰到的问题
- 解决调用torch_geometric报错No module named ‘torch_sparse‘等问题,以及torch_sparse torch_scatter等的安装问题