如何在vue项目中使用museui并创

北京中科白癜风医院爱心分享会 http://www.txbyjgh.com/axhd/m/1974.html
MuseUI是基于vue的开源组件库,包含了不同的控件;可以自定义主题,实现定制化。如果在vue项目中,如何使用muse-ui?1、在电脑硬盘上,找到一个位置,新建文件夹kmn,然后鼠标右键打开Git命令窗口打开Git命令窗口2、使用cnpminstall命令安装vue-cli,命令:cnpminstall--globalvue-clicnpminstall--globalvue-cli3、使用vueinit命令初始化项目,创建基于webpack模板的项目vueinitwebpackkmnvueinitwebpackkmn4、切换项目目录,然后使用npmrundev运行项目npmrundev5、打开HBuilderX开发工具,导入项目kmn打开HBuilderX开发工具,导入项目kmn6、再次使用npm命令安装muse-ui,命令为:npmimuse-ui-Snpmimuse-ui-S7、在安装muse-ui之前,需要停掉项目,然后再次运行项目再次启动项目8、打开浏览器,输入Git窗口提示的运行地址,然后访问页面浏览器输入地址,访问页面9、打开项目中的main.js文件,导入muse-ui和对应的样式文件,然后使用Vue.use(MuseUI)Vue.use(MuseUI)10、再次刷新浏览器,可以查看到界面上显示一个按钮刷新浏览器,查看效果11、在项目中的


转载请注明:http://www.aierlanlan.com/grrz/9181.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了