Vue 命令

vue是数据渲染使用:axios,官网:https://www.kancloud.cn/yunye/axios/234845     ||  https://www.npmjs.com/search?q=axios

安装脚手架npm install vue-cli 

建立vue项目,名为vuedemo: vue init webpack-simple vuedemo

进入项目:cd vuedemo

安装依赖:npm install

启动项目:npm run dev

安装路由vue-routercnpm install vue-router -S

在【main.js】中配置下路由 VueRouter 是自定义的名字,最好用这个,'vue-router'是来自上图json

import VueRouter from 'vue-router';

Vue.use(VueRouter);

 

安装Mint UI:cnpm install mint-ui -S

官网:https://mint-ui.github.io/#!/zh-cn

在【main.js】

// 引入全部组件

import Vue from 'vue';

import Mint from 'mint-ui';Vue.use(Mint);

 

安装Muse UI:cnpm install muse-ui -S

官网:https://muse-ui.org/#/zh-CN/installation

完整引入:

import Vue from 'vue';
import MuseUI from 'muse-ui';
import 'muse-ui/dist/muse-ui.css';

安装Vant:npm i vant -S

官网:https://youzan.github.io/vant/#/zh-CN/card

<!-- 引入样式 -->

<link rel="stylesheet" href="https://unpkg.com/vant/lib/index.css">

引入其中一个组件:

        import { Button } from 'vant';

        Vue.use(Button);

 

下载各种插件包:bower install jquery

        bower install swiper

        bower install bootstrap

文件在dist文件夹下

原文地址:https://www.cnblogs.com/dudu123/p/10009521.html