laravue frontend
1.0.0
主にテクノロジーと生活に関する洞察を記録して共有します
LaraVue は、私がプログラミングで初めて触れたバックエンド フレームワーク「Laravel」とフロントエンド フレームワーク「Vue」の 2 つのフレームワークの名前を組み合わせたものです。 laravue.com というドメイン名を今年の 3 月に申請する予定だったのですが、海外の友人が 3 日前に申請していたことがわかりました。 このマイクロコミュニティはフロントエンドとバックエンドを完全に分離したプロジェクトです。残念ながら、私の CSS はあまりにもひどいもので、そうでなければこれらのページはずっと前に完成していたでしょう。 このコミュニティにも特定の位置づけはありません。主に、私自身と将来の世代の便宜のために、いくつかの技術的な考えを共有することです。
vue2 + vuex + vue-router + vue-resource + ES6 + element-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]ご連絡ください。
