Started
From 2019 he began studying Vue, this blog I would like to use a good plug-in encountered in the project, stepped down pit experience summed up,
easy to use in future projects.
For greater ease of use, in terms of content, in addition to the github you can see the demo source code, as well as an increase of the presentation in a web page .
After I stepped pit will be updated more experience in the project, the use of plug-record, Welcome ~
If you think I have more room for improvement, but please bear with me and pointed Oh.
It would first set a small target to be completed by 2020, it ~ ~ 20+ articles to share.
Screenshot of a portion of the project:
Project screenshot part II:
This one is about the use of a plug-in tree-cli generated directory tree will need time to build a blog and stepped pit recording. readme.md on github also update the job wow, otherwise use to upgrade the document has not changed, it is also likely to cause distress (Behind his).
Currently the project has not been linked to the Internet, more complete in the future when it will put up. Want to learn Vue small partner can clone down and look at the code Oh (handshake).
Vue project to build
This is not just for sharing content, it is a process from 0-1 Vue project built. Small partners can clone the project up and running to the local post. It can be used as a tool for your own blog.
Project run
Cloned into the local into the project folder. Run the installation package to open the 9000 port to view the Web page in a browser ~~
git clone https://github.com/Gesj-yean/vue-demo-collection.git
cd vue-demo-collection
npm install
npm run serve
Directory Description
This is the directory tell the whole vue-demo-collection of. With the increase in follow-up article, the catalog will be increased.
├── public
| ├── favicon.ico // 图标
| └── index.html // 入口html
├── src
| ├── App.vue // 入口vue
| ├── base
| | └── scroll.vue // scroll基础组件
| ├── common
| | ├── images // 图
| | | ├── arrow-left.png
| | | └── arrow-right.png
| | ├── js // js
| | └── stylus
| | ├── base.styl // 基础样式
| | ├── mixin.styl // 混入样式
| | ├── reset.styl // 重置样式
| | └── variable.styl // 主题样式
| ├── components
| | └── scroll-vertical-apply.vue // 应用
| ├── main.js // 入口js
| ├── router
| | └── index.js // 路由配置
| └── views
| ├── home.vue // 主页
| ├── scroll-vertical.vue // scroll垂直滚动blog页面
| ├── start.vue // 开始blog页面
| └── tree-cli.vue // tree-cli使用blog页面
├── babel.config.js // babel配置
├── package-lock.json
├── package.json
├── README.md
└── vue.config.js // vue配置
to sum up
This project is after I wrote a lot of technical summary, they want to unify the way and then github result of the share with you. If the inside of the summary useful to you, it can be considered a star, as appropriate. Be a little bit of encouragement for my little pair of rookie front end!
If you have a place to optimize the project welcome that, you can thank you very much. Poke it now! https://github.com/Gesj-yean/vue-demo-collection
