laravue frontend
1.0.0
주로 기술과 생활에 대한 통찰력을 기록하고 공유합니다.
LaraVue는 두 프레임워크의 이름을 합친 것입니다. 이 두 프레임워크는 제가 프로그래밍을 하면서 접한 최초의 백엔드 프레임워크인 "Laravel"과 최초의 프론트엔드 프레임워크인 "Vue"입니다. 원래 올해 3월에 laravue.com이라는 도메인 이름을 신청할 예정이었는데, 해외에서 온 친구가 나보다 3일 먼저 신청했다는 것을 알게 됐다. 이 마이크로 커뮤니티는 프런트엔드와 백엔드를 완전히 분리하는 프로젝트입니다. 이전 커뮤니티의 개선된 버전입니다. 아쉽게도 CSS가 너무 열악합니다. 그렇지 않으면 이 페이지는 오래 전에 완료되었을 것입니다. 이 커뮤니티는 또한 특정 포지셔닝이 없으며 주로 나와 미래 세대의 편의를 위해 몇 가지 기술적인 생각을 공유하는 것입니다.
vue2 + vuex + vue-router + vue-resource + ES6 + 요소-ui + sass
> git clone
> npm i
> npm run dev
.
├── build // webpack 配置文件
├── config // 项目打包路径
├── src // 源码目录
| ├── api
| | └── index.js // 后端 API 接口配置
│ ├── assets // 图片存放地
│ ├── components // 组件
│ │ ├── Comment.vue // 评论组件
│ │ ├── Editor.vue // 编辑器组件
│ │ ├── Footers.vue // 尾部组件
│ │ ├── Headers.vue // 头部组件
│ │ ├── HotTopics.vue // 侧边栏热门话题组件
│ │ └── Popup.vue // 弹出框组件
│ ├── router
│ │ └── router.js // 路由配置
│ ├── store // vuex 的状态管理
│ │ ├── modules // store 模块
| | | └── account.js // 用户信息
│ │ ├── index.js // 引用vuex，创建 store
│ │ └── mutation-types.js // 定义常量 muations 名
| ├── views // 视图
│ │ ├── account // 用户视图
| | | ├── Editor.vue // 编辑用户信息
| | | ├── Login.vue // 登录页面
| | | ├── Register.vue // 注册页面
| | | ├── UserArticles.vue // 用户发表的文章
| | | ├── UserInfo.vue // 用户视图公共组件
| | | ├── UserLikeArticles.vue // 用户点赞的话题
| | | ├── UserLikeUsers.vue // 用户关注其他用户
| | | ├── UserReplies.vue // 用户回复
| | | └── VerifyEmail.vue // 注册激活
│ │ ├── article // 文章视图
| | | ├── Create.vue // 编辑用户信息
| | | ├── Editor.vue // 登录页面
| | | ├── Index.vue // 注册页面
| | | └──show.vue // 用户发表的文章
│ │ ├── error
| | | └──404.vue // 404 错误
│ │ ├── other
| | | ├──About.vue // 个人信息页面
| | | └──Payment.vue // 打赏页面
│ ├── App.vue // 页面入口文件
│ ├── main.js // 程序入口文件，加载各种公共组件
├── static // 静态文件
| ├── css // css 文件
| | └── markdown.css
├── index.html // 入口 html 文件
.
[email protected] 연락해 주세요.
