详解用vue2.x版本+adminLTE开源框架搭建后台应用模版

2020-06-14 06:25:26易采站长站整理

安装如下代码


npm i sass-loader --save
npm i node-sass --save

6、下载 /安装 adminLTE

GitHub:https://github.com/almasaeed2010/AdminLTE

git下载:

git clone https://github.com/almasaeed2010/AdminLTE

也可npm安装:(推荐)


npm i admin-lte --save-dev

引入: 在main.js中


import 'admin-lte/dist/css/AdminLTE.min.css'
import 'admin-lte/dist/css/skins/_all-skins.min.css'
import 'admin-lte/dist/js/adminlte.min'

7、精简你的代码 测试是否引入 bootstrap、font-awesome

启动项目 npm run dev

8、那就开始 引用adminLTE中的 你要用的 一些代码吧

在components下新建starter.vue文件
打开node-modules》admin-lte》starter.html
并复制整段的wrapper内容,放到starter.html中template下

再复制 body的class类名 放到index.html中的body中

修改路由信息 src/router/index.js

9、保存 运行 npm run dev

不用惊慌 打开App.vue

10、其他什么 自己需要的页面 直接拿过来 修修改改吧

node-modules 》admin-lte 》dist