Vue+MDUI+Muse-UI的使用与安装
作者:陈世佳 编写时间:2018-6-1方法如下:步骤一:安装Vue//查看npm版本npm -v//升级npmcnpm install npm -g//安装Vuecnpm install vue//全局安装vue-clicnpm install --global vue-cli//创建Vue项目(需要进行一些配置,默认回车即可)vue init webpac...
·
作者:陈世佳 编写时间:2018-6-1
方法如下:
步骤一:安装Vue
//查看npm版本
npm -v
//升级npm
cnpm install npm -g
//安装Vue
cnpm install vue
//全局安装vue-cli
cnpm install --global vue-cli
//创建Vue项目(需要进行一些配置,默认回车即可)
vue init webpack my-project
//进入Vue项目
cd my-project
//安装依赖
cnpm install
//运行监测Vue项目是否成功安装
cnpm run dev
步骤二:添加MDUI
在static文件夹里添加从官网里下载的mdui包--官方MDUI包,
然后分别在项目里的index.html的head里和body里添加下面两条语句即可。
<link rel="stylesheet" href="./static/mdui/css/mdui.css">
<script src="./static/mdui/js/mdui.js"></script>
步骤三:添加Muse-UI
安装Muse-UI
cnpm i muse-ui -S
在main.js里添加后即可使用
import MuseUI from 'muse-ui';
import 'muse-ui/dist/muse-ui.css';
Vue.use(MuseUI);
更多推荐
已为社区贡献2条内容
所有评论(0)