初始化项目 1.在安装了node.js的前提下,使用以下命令 npm install --g vue-cli 2.在将要构建项目的目录下 vue init webpack myproject(项目目录名称) 一路回车如下 中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中的两个测试,不要也罢,后面是问要使用哪个进行install依赖包,默认npm好了:然后回车,等待下载依赖:慢的话可以用镜像. 下载完成之后会看到如下提示: 按照步骤往下…

先来看一波效果图 初始化项目 1.在安装了node.js的前提下,使用以下命令 npm install --g vue-cli 2.在将要构建项目的目录下 vue init webpack myproject(项目目录名称) 一路回车如下 中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中的两个测试,不要也罢,后面是问要使用哪个进行install依赖包,默认npm好了:然后回车,等待下载依赖:慢的话可以用镜像. 下载完成之后会看到如下提…

一个集成移动端开发插件的Vue移动端模板包含1.css: 使用stylus开发css 集成reset样式文件 修改UI组件文件 统一样式处理(如主题色等)2.UI组件 使用热门的vant与mint-ui插件3.移动端适配 集成rem插件 移动端适配META标签4.组件 集成标题栏组件.无数据组件5.请求 集成axios封装请求接口6.babel ES6转ES5 7.vue全家桶 vue+vuex+vue-router 满足日常应用开发 此模板保存下来,以备以后快速开发新项目,搭建环境 githu…

使用Vue项目写了一个移动端项目,然后又把项目硬生生的抽离了组件,一直忙着写RN项目没有时间总结心得,今天上午终于下定决心,写点总结. 1.position:absolute: 定位的时候不同手机的浏览器版本不一样,存在兼容性问题,所以要修改为fixed,然后使用left: calc(50% - 1rem )进行定位: 2.event.touches[0].pageY:移动端事件touchstart,touchmove,touchend,在vue中的手指滑动的对象是要传入$event才可以使用e…

之前项目是pc端是使用router的方式实现置顶的 //main.js router.afterEach((to, from, next) => { window.scrollTo(0, 0) }) 但是改了移动端就没有效果了,稍微查了一下,好像说是要body里才有用. 可能与我使用了vux-ui有关 在深究router方式还是找新方法的选择上,我选了后者, //自定义的common.js // 这个方法通过递归找到滚动的元素,用于置顶页面 function getScrollParent (n…

跨域解决方案 config/dev.env.js 'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"/api"' }) config/prod.env.js ,生产的服务器(你线上运行时的服务器…

在vue2 中用脚手架建立的项目,后端提供接口获取数据.在公司做第一个项目的时候不清楚公司里的对接流程,结果后续代码被一个接口整的乱七八糟,这个接口是获取用户信息的接口——'usre/info'. 如果用户登录了以后,很多(几乎全部)页面都要用到userinfo,难道每个页面都要写个 getUserInfo 方法去获取?好烦的好吧,如果你不觉得烦,那不用往下看了... 再写完第一个项目后,我在反思这个userinfo数据要怎么处理好,下边处理的关键代码: index.html 中引入的 publ…

将移动端页面打包成app 1.使用 HBuilder 直接编译打包 点击左上角 文件>打开目录>选择目录  选择用Webpack打包好的dist文件目录 由于我添加到项目了,所以会显示该项目名称已存在,请重新输入. 2.接着点击完成,就可以在目录中看到dist 这里dist前面的标志应该是W  由于我转换过一次,就会显示A 3.鼠标右键点击dist目录,选择`转换成移动App`,成功之后目录前面的图标就会变成 A 同时会多出一个 `manifest.json文件` 4.双击`manifest.…

用vue mint-ui  jquery-weui写了一个移动端demo 技术栈 vue2.0 vue-router axios mint-ui jquery-weui webpack 页面截图 最后附上github地址 https://github.com/xue11hua/one_vue 欢迎star…

1.电脑和手机要连同一个wifi  一定是复制无线网的IP,而不是以太网的IP 2.在你的电脑上查找无线网络的ipv4地址: 查找方法:windows+r   然后再输入框里输入cmd 回车 会出现这样: 然后输入ipconfig  然后回车 你会看到一个ipv4的地址.复制这个地址 3.在vue中找到config下的index  找到host 将host的值localhost改为刚才复制的那哥ipv4地址即可 4.重启项目: npm  run dev 5.项目运行成功后  例如:http://…