iycms 前端开源代码 基于vue Element 等...

基于 Vue.js + element-ui 开发 由 vue-cli webpack 编译

JavaScript 内容管理系统

访问GitHub主页

共10Star

详细介绍

IYCMS 博客管理系统 前端源代码 后端?

专为程序员订制的博客系统 一个全站无刷新的博客
基于 Vue.js + element-ui 开发 由 vue-cli webpack 编译
先睹为快->传送门 http://blog.php127.com

核心文件 (之外的可选文件)

/src
/static
/index.html

开发前请安装node.js 并运行以下命令安装vue以及依赖

$ npm i vue -g
$ npm i vue-cli -g
$ vue init webpack
    输入y 回车
    输入项目名称 如 app 回车
    再次回车
    输入作者 如 iycms 回车
    回车 输入y 回车
    输入n 回车
    输入n 回车
    输入n 回车
    选择第三项 No, I will handle that myself
$ npm i element-ui
# 安装依赖包资源较大,建议使用淘宝NPM国内镜像 详情请进 http://npm.taobao.org/
$ npm i

如何调试

先配置api根地址
/src/App.vue 文件中 内附注释

$ npm run dev
# 浏览器打开 http://127.0.0.1:8080 即可看到实时界面

如何编译

$ npm run build
# 编译后,文件会存放到 /dist/下

编译注意事项

如果重新始初化webpack的话 资源文件打包路径会有错
将可选文件夹 /dist /config /build 复盖您的webpack

如何放到ThinkPHP下使用

打包后,将/dist/static 下的 home 文件夹复制到
后端源代码中 /public/static 下
最终路径为 /public/static/home/[css|img|js...]

联系我们

QQ群: 324098841
QQ号: 839024615