ElementUI后台管理模板的搭建使用

1.首先需要到github上下载对应的项目模板

https://github.com/PanJiaChen/vue-admin-template#vueadmin-template

2.将项目解压到本地

ElementUI后台管理模板的搭建使用_第1张图片

3.打开命令行,切换到上面的解压目录,使用cnpm install命令,会自动下载项目的依赖(类似于maven项目构建方式,也有雷士的pom文件package.json),前提是按照了cnpm

4.按照完毕依赖后,使用命令:npm  run dev(开发环境的方式启动项目,此时会自动触发浏览器打开),显示效果如下

ElementUI后台管理模板的搭建使用_第2张图片

出现如上界面,表示你的项目已经安装完毕,注意:在如上操作过程中要保证电脑已经安装node js   npm  cnpm工具,在开发过程中遇到不懂的就到element官网上查文档:http://element-ui.cn/#/zh-CN

6.项目目录结果如下所示(将项目引入到你的编辑器中)

ElementUI后台管理模板的搭建使用_第3张图片

ElementUI后台管理模板的搭建使用_第4张图片

ElementUI后台管理模板的搭建使用_第5张图片

ElementUI后台管理模板的搭建使用_第6张图片

 

你可能感兴趣的:(前端)