Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/LeeWgg/CNode

基于cnode社区API重写的Vue2.0项目(vue,vue-route,vuex,axios,webpack初学入门)
https://github.com/LeeWgg/CNode

javascript vue-router vue2

Last synced: 4 months ago
JSON representation

基于cnode社区API重写的Vue2.0项目(vue,vue-route,vuex,axios,webpack初学入门)

Awesome Lists containing this project

README

        

## 前言

####该项目是采用Cnode社区提供的api,基于vue2.0重写,在此特别感谢!!!然后也要感谢 https://github.com/shinygang 的vue-cnodejs项目给予我的启发。再一次说声谢谢!

## 感悟

``` bash
学习前端一年多,也看到Vue火起来,于是自己开始自学;
刚开始接触,真是觉得使用起来太方便,但还是有很多新的东西不是很了解,于是想这各种办法去学习去练习;
这个项目花了我一个星期时间,因为白天要上班,只能花晚上时间去做;
对于这个项目,我觉得挺适合新手vue入门的,包含了(vue-route,vuex,axios,webpack等基本知识),所以我希望新人可以多看看;
```
如果你觉得该项目对你有帮助,请打赏作者一瓶可乐吧。
![v1](src/assets/pay.jpg)

## 安装

``` bash
$ git clone https://github.com/LeeWgg/CNode.git
$ cd CNode
$ npm install或 cnpm install
```
## 运行

``` bash
$ npm run dev
```
## 截图
![v1](src/assets/v1.PNG)
![v2](src/assets/v2.PNG)
![v3](src/assets/v3.PNG)
![v4](src/assets/v4.PNG)
## 目录结构

``` bash
├── README.md // 项目说明
├── build // 构建服务和webpack配置
├── config // 项目不同环境的配置
├── index.html // 项目入口文件
├── package.json // 项目配置文件
├── src // 生产目录
│ ├── assets // css js 和图片资源
│ ├── components // 各种组件
│ ├── router // 路由
│ ├── vuex // vuex状态管理器
│ ├── app.vue // 页面入口文件
│ └── main.js // 程序入口文件,加载各种公共组件
```

For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).