vue+mint-ui初始化项目

 

 

---

一、前端开发框架和环境都是需要 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