vue2.0 MintUI安装和基本使用】的更多相关文章

http://mint-ui.github.io/docs/#/en2 Mintui 详细地址 基于2.0的安装 npm install mint-ui -S 主要就三行指令 import Mint from 'mint-ui'import 'mint-ui/lib/style.css' Vue.use(Mint) 剩下的参照官方的文档 http://mint-ui.github.io/do 自己用…
一 技术栈:vuecli+vuejs2+mintUI+axios vuecli :脚手架工具 vuejs:前端框架  mintUI:基于vuejs移动端UI  axios:vuejs ajax数据交互插件 其中 node版本 v6.2.0 1.安装vue-cli脚手架 cnpm install -g vue-cli 1.1 cnpm是淘宝提供的镜像工具 安装办法 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 2.…
因为要用到npm命令先按装node.js 具体安装如下: 一.安装Node.js步骤 1.下载对应你系统的Node.js版本:https://nodejs.org/en/download/2.选安装目录进行安装3.环境配置4.测试 测试:cmd 进入命令窗口,node -v ,npm -v 安装cnpm (npm install -g cnpm) 二.安装Vue-cli 1.npmn install vue-cli -g 安装 2.vue -V 查看版本 3.vue init webpack h…
参考网站http://www.open-open.com/lib/view/open1476240930270.html (以上博客vue init webpack-simple 工程名字<工程名字不能用中文>这里的-simple最好是去掉,要不你安装的会缺失很多东西) 1.首先安装nodejs(不详细介绍) http://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html 这篇node和npm安装我觉得不错 2.安装vue (1)n…
安装node:测试安装结果:node -v 安装cnpm(如果你可以***,可以不安装) 安装webpack:npm install webpack -g npm install vue-cli -g 安装脚手架全局的 测试vue安装结果:vue -V(这个v一定要大写) 初始一个vue项目,vue init  webpack  demo1//vue 安装 基于webpack的 项目名称叫demo1的项目,这里的项目名称不支持大写英文和特殊符号. 然后就是填写项目的详细说明了 大概意思就是除了r…
<template><div><div class="navbox"><div class="nav" id="navbox"><mt-button size="small" v-for="(tab, i) in tabs" :class="{active01:tab.hasactive}" @click="forChage…
<template> <div> <div class="navbox"> <div class="nav"> <mt-button size="small" v-for="(tab, i) in tabs" :class="{active01:tab.hasactive}" @click="forChageTag(i)" @clic…
vue的开发有两种,一种是直接的在script标签里引入vue.js文件即可,这样子引入的话个人感觉做小型的多页面会比较舒坦,一旦做大型一点的项目,还是离不开webpack. 所以另一种方法也就是基于webpack和vue-cli的工程化开发.下面详解步骤. 1.先声明,如果用vue进行工程化开发,首先要有node.js,然后再下一个npm,不过一般新版的node都会有npm所以可以不用弄.指令是在命令行里输入.首先第一步就是生成一个vue项目,用指令:…
babel-runtime 对ES语法转义 fastclick  移动端300ms兼容 babel-polyfill 兼容Ie浏览器 //babel-polyfill引用 推荐采用webpack入口文件加一句代码的配置'babel-polyfill':'babel-polyfill' import Vue from 'vue' import App from './App' import router from './router' import fastclick from 'fastclic…
1.首先使用的是vue-cli构建的页面,用hbuildX打包成移动端的安装包(hbuildX打包成app的流程,请看自行搜索) 2.cnpm install build 生成dist文件夹,里面包含static+index.html 3.将dist文件夹直接复制在hbuilderX中,打包成移动端app,此处我打包的是Androidapp 4.下载到手机端之后页面是空白的 解决的方案: 1.在config/index.js 下的配置路径出现了问题 改为:assetsPublicPath: '.…