安装vue-cli npm install -g vue-cli 安装完脚手架 cmd 进入项目目录 C:\Users\Administrator>E: E:\>cd E:\vue E:\vue>vue create move-demo 以上报错 执行 npm install -g @vue/cli
转载
2020-02-26 16:44:00
118阅读
2评论
# 通过 npm 安装 npm i vant -S 安装完配置 babel.config.js module.exports = { presets: ['@vue/app'], plugins: [ 'lodash', [ 'import', { libraryName: 'vant', libr
转载
2020-02-27 18:03:00
120阅读
2评论
学习一下
转载
2021-06-29 16:17:00
458阅读
调整项目目录规范，引入vant组件库，移动端vm适配
原创
精选
2024-06-13 10:51:08
192阅读
配置 flexible安装 lib-flexible1.在命令行中运行如下安装：npm i lib-flexible --save2.在项目
转载
2023-01-03 15:05:51
325阅读
配置 flexible安装 lib-flexible1.在命令行中运行如下安装：npm i lib-flexible --save2.在项目入口文件 main.js 里 引入 lib-flexible引入 li
转载
2023-01-03 15:05:51
526阅读
先创建store数据仓库 import Vue from 'vue' import Vuex from 'vuex' // import user from './modules/user' Vue.use(Vuex) export default new Vuex.Store({ modules:
转载
2020-03-03 10:36:00
91阅读
2评论
// 引用 npm ip包，用来获取本地ip等操作，文档地址：https://www.npmjs.com/package/ipconst ip = require('ip')// 引用path包(path属于node自带包，无需在package.json中引用安装即可直接引用)，用来操作路径，文档地址：https://nodejs.org/docs/latest/api/path.htmlcons
转载
2020-03-02 16:36:00
429阅读
2评论
此案例使用的是vue2的@vue/composition-api，大部分代码来自 https://juejin.cn/post/6909252620741787656 此案例根据用户的屏幕宽度自适应为宽度100% vue和pdfjs版本 "vue": "^2.6.12", "pdfjs-dist": ...
转载
2021-10-19 11:48:00
1188阅读
2评论
vue项目pc端和移动端适配1、pc端适配一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面）二、监听窗口大小改变，设置根字体大小 created() {
// 获取当前设备的宽度，设置rem的根字体大小
let width = window.innerWidth;
width = width <= 1200 ? 1200 : width;
const htmlObj = d
转载
2024-05-21 10:54:56
2691阅读
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建1. 创建vue项目创建项目vue create vant-demo引入less (通过vue ui 可视化页面安装依赖插件）vue ui2. 引入vant uinpm i vant -S3. 按需引入3-1. 安装babel 插件npm i babel-plugin-import -D温馨提示：在使用自动按需引入的时候，在使用相关组件的时候，需要在maim.js中一一引入，如下：import
原创
2021-08-27 12:37:56
1170阅读
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建1. 创建vue项目创建项目vue create vant-demo引入less (通过vue ui 可视化页面安装依赖插件）vue ui2. 引入vant uinpm i vant -S3. 按需引入3-1. 安装babel 插件npm i babel-plugin-import -D温馨提示：在使用自动按需引入的时候，在使用相关组件的时候，需要在maim.js中一一引入，如下：import
原创
2022-01-11 13:59:38
188阅读
const Tabbar = () => import('@/components/Tabbar'); export default [ { path: '/', name: 'home', components: { //default与tabbar 等是同级路由模块,可以按命名控制展示与否 de
转载
2020-02-27 16:42:00
162阅读
2评论
1、首先利用Vue Ui界面创建程序；添加引用 2、在babel.config.js 添加 完成内容如下： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryN ...
转载
2021-08-07 11:30:00
419阅读
2评论
1.更改 index.html 的<meta>属性<meta name="viewport" content="width=device-width,initial-scale=1.0, mi
原创
2022-06-21 20:04:20
66阅读
# 在iOS设备上查看Vue移动端项目的完整指南
随着移动互联网的快速发展，越来越多的开发者选择使用Vue.js构建移动友好的应用。如果你的Vue项目已经完成，想在iOS设备上进行测试，可能会遇到一些实际问题。本文将为您提供一个详细的指南，帮助您在iOS设备上查看Vue移动端项目，解决实际问题并提供示例代码。
## 一、准备工作
在开始之前，请确保您已完成以下准备工作：
1. **安装No
var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return th
转载
2020-02-27 11:25:00
99阅读
2评论
文章目录项目准备安装 amfe-flexible安装 第三方插件 postcss-pxtorem配置vue.config.jsreset.css 重置样式
原创
2022-12-21 21:47:13
7444阅读
【饿了么】—— Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑（一） 前言：学习Vue.js高仿饿了么课程过程中，总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识点。这一篇主要介绍：项目准备、页面骨架开发、header组件开发。 Appheader 一、项目分析&学习目标
转载
2023-08-22 11:38:53
395阅读
项目实战一、flexible.js库作用flexible是淘宝推出的弹性布局方案，可以解决移动端设备适配问题功能添加<meta>标签，并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性，并且动态改写 data-dpr 的值给 <html> 元素添加 font-size 属性，并且动态改写 font-size 的值flex
转载
2023-11-01 19:56:30
167阅读
