vueui创建项⽬_开源项⽬vuestic-admin——Vue的后端UI框架引⾔
这是⼀个Vue的后端开箱即⽤UI项⽬框架，和之前的ReactAdmin类似，它是⼀个框架，也就意味着它帮你完成了很多公⽤的部分，你只需要在其基础上进⾏⾃⼰的项⽬扩展即可。⼤体上这是由Vue和bootstrap4构建的，其中还集成了很多其他的东西。
Github和官⽹
需要满⾜的环境条件
nodejs版本⾄少是4.x、8.x
nodejs工作流引擎开源npm版本3+和Git
vuestic-installer(后⾯介绍安装)
安装
⾸先你得安装vue-cli3，⽽且是全局安装
npm install -g @vue/cli
如果你使⽤yarn你也可以使⽤它安装
yarn global add @vue/cli
然后全局安装vuestic
npm install vuestic-installer -g
使⽤
在安装好vuestic后，你就可以使⽤它进⾏项⽬创建了
＃通过vuestic-installer命令创建新项⽬
vuestic myproject
创建好后⼤致看⼀下⽬录结构(图⽚可能不清晰，你可以直接搭建体验)
直接通过github的仓库克隆过来
git clone github/epicmaxco/vuestic-admin.git myproject
在创建好项⽬之后安装相关依赖
npm install//ORyarn
启动项⽬
npm run serve
成功后打开localhost:8080
⽂档
如果你想详细的学习，你可以查看官⽹⽂档
特点
vue.js
bootstrap4
WebPack
响应式布局
图表(Chart.js)
地图
进度条
漂亮的验证ui
4种表单向导类型
静态表和数据表
登录/注册页⾯模板
Medium编辑器
Toasts, tooltips, popovers,
i18n(国际化)
等等(详情见⽂档或者⾃⾏体验)
浏览器的兼容性
浏览器兼容性，很遗憾只⽀持到IE11+和主流的Chrome、FireFox、Safari、Edge等
总结
⽬前有很多开箱即⽤的解决⽅案，还有⼀些仅仅是UI模板，每个解决⽅案都有各⾃的优势，我们尽可能的减少不必要的开发时间浪费，在通⽤的基础上在扩展，最主要的还是学习看源码，希望对⼤家有所帮助，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。