一、前端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,
vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,
打开cmd开始输入命令。
下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。
二、安装淘宝npm镜像
由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.
淘宝的cnpm命令管理工具可以代替默认的npm管理工具。
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
三、安装全局vue-cli脚手架
输入命令:cnpm install --global vue-cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
开始做项目
1、进入文件夹(项目要放入的文件夹)
shift+右键单击,打开命令行工具
vue init webpack my-mint
运行初始化my-mint,输入命令npm run dev;运行一下初始后的my-mint,弹出访问地址
2、安装mint-ui
npm install mint-ui -S
安装成功====
然后在项目中的main.js文件引入所有组件
// 引入全部组件
import Vue from 'vue';
import Mint from 'mint-ui';
Vue.use(Mint);
以下是来自一位网友的
Mint UI教程汇总
Vue移动端框架Mint UI教程-搭建环境引入框架(一)
https://www.jianshu.com/p/874e5152b3c5
Vue移动端框架Mint UI教程-底部导航栏(二)
https://www.jianshu.com/p/56e887cbb660
Vue移动端框架Mint UI教程-组件的使用(三)
https://www.jianshu.com/p/5ec1e2d2f652
Vue移动端框架Mint UI教程-跳转新页面(四)
https://www.jianshu.com/p/364d0462ddb6
Vue移动端框架Mint UI教程-调用模拟json数据(五)
https://www.jianshu.com/p/6d3f1436b327
Vue移动端框架Mint UI教程-数据渲染到页面(六)
https://www.jianshu.com/p/dc532ab82d2a
Vue移动端框架Mint UI教程-接口跨域问题(七)
https://www.jianshu.com/p/b28cd8290b2a