└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # awesome-vue-cn 2 |

3 |
4 | awesome 5 |
6 |
7 |

8 | 9 | ## Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) 10 | 11 | > Vue.js的库,包,资源的列表大全。 12 | 13 | - [官方资源](#官方资源) 14 | - [外部资源](#外部资源) 15 | - [社区](#社区) 16 | - [播客](#播客) 17 | - [官方示例](#官方示例) 18 | - [入门](#入门) 19 | - [开发工具](#开发工具) 20 | - [语法高亮](#语法高亮) 21 | - [代码片段](#代码片段) 22 | - [自动补全](#自动补全) 23 | - [组件集合](#组件集合) 24 | - [库和插件](#库和插件) 25 | - [路由](#路由) 26 | - [ajax/数据](#ajaxdata) 27 | - [状态管理](#state-management) 28 | - [校验](#校验) 29 | - [UI组件](#ui组件) 30 | - [i18n](#i18n) 31 | - [示例](#示例) 32 | - [模板](#模板) 33 | - [脚手架](#脚手架) 34 | - [整合](#整合) 35 | - [插件/指令](#插件/指令) 36 | - [使用Vue.js的项目](#使用vuejs的项目) 37 | - [开源](#开源) 38 | - [Apps/Websites](#appswebsites) 39 | - [交互体验】](#交互体验) 40 | - [商用](#商用) 41 | 42 | 43 | ### 官方资源 44 | 45 | - [官方入门](http://vuejs.org/guide/) 46 | - [API 文档](http://vuejs.org/api/) 47 | - [**GitHub 库 ★17,007**](https://github.com/vuejs/vue) 48 | - [版本日志](https://github.com/vuejs/vue/releases) 49 | 50 | ### 外部资料 51 | 52 | - [Vue.js資料まとめ(for japanese)](https://gist.github.com/hashrock/f575928d0e109ace9ad0) by @hashrock 53 | 54 | ### 社区 55 | 56 | - [Twitter](https://twitter.com/vuejs) 57 | - [Gitter Chat Room](https://gitter.im/vuejs/vue) 58 | - [官方论坛](http://forum.vuejs.org/) 59 | - [vue-requests ★25](https://github.com/vuejs/vue-requests) - 请求一个你想要的Vuejs模块或充模块中获取灵感 60 | 61 | ### 博客 62 | 63 | - [全栈广播 #30 (11-23-2015)](http://www.fullstackradio.com/30) 64 | - [JavaScript Jabber #187 (11-25-2015)](https://devchat.tv/js-jabber/187-jsj-vue-js-with-evan-you) 65 | - [Changelog #184 (11-27-2015)](https://changelog.com/184/) 66 | - [软件工程师的日常 (12-29-2015)](http://softwareengineeringdaily.com/2015/12/29/front-end-javascript-with-evan-you/) 67 | - [Javascript Air 016 (03-30-2016)](https://javascriptair.com/episodes/2016-03-30/) 68 | 69 | ### 官方实例 70 | 71 | - [基础示例](http://vuejs.org/guide/) 72 | - [Vue.js TodoMVC](https://github.com/vuejs/vue/tree/dev/examples/todomvc) 73 | - [CoffeeScript Version ★3](https://github.com/anfelor/TodoMVC-CoffeeScript-and-Vue.js) 74 | - [**Vue.js HackerNews Clone ★908**](https://github.com/vuejs/vue-hackernews) 75 | 76 | ### 入门 77 | 78 | - [Vue.js screencasts](https://laracasts.com/series/learning-vue-step-by-step) on Laracasts 79 | - [Vue.js 1.0的新东西](http://www.sitepoint.com/whats-new-in-vue-js-1-0/) on Sitepoint 80 | - [使用Vue.js构建App: From Authentication to Calling an API](https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/) on Auth0 blog 81 | - [Create a GitHub File Explorer Using Vue.js](https://scotch.io/tutorials/create-a-github-file-explorer-using-vue-js) on Scotch.io 82 | - [Vue.js Tutorial](http://vegibit.com/vue-js-tutorial/) on Vegibit 83 | - [Vue.js build set-up from scratch with webpack, vue-loader and hot reload](http://skyronic.com/2015/12/28/vue-project-scratch/) 84 | - [Vuex basics: Tutorial and explanation](http://skyronic.com/2016/01/03/vuex-basics-tutorial/) 85 | - [Vuex introduction video - James Browne from London Vue.js Meetup #1](https://www.youtube.com/watch?v=l1KHL-TX3qs) 86 | - [Vue.js 中文系列视频教程](https://laravist.com/series/vue-js-1-0-in-action-series) on Laravist 87 | - [Vue.js: The Basics](http://coligo.io/vuejs-the-basics/) on Coligo.io 88 | - [Practical Intro to Components in Vue.js](http://coligo.io/vuejs-components) on Coligo.io 89 | - [Develop a Reactive Invoice App using Vue.js](http://craigmckenna.com/develop-a-reactive-invoice-app-using-vue-js/) on craigmckenna.com 90 | - [Understanding Filters in Vue.js](http://coligo.io/vuejs-filters/) on Coligo.io 91 | - [Hybrid App Example with Laravel and Vue.js in portuguese](https://www.youtube.com/watch?v=TGSJjDahlrQ) by @vedovelli 92 | - [Creating a Markdown Editor with VueJs and GitHub's API](http://coligo.io/markdown-editor-vuejs/) on Coligo.io 93 | - [Building a Real-Time Web Analytics Dashboard with NodeJs, Socket.io, and VueJs](http://coligo.io/real-time-analytics-with-nodejs-socketio-vuejs/) on Coligo.io 94 | - [Vue.js Introduction Turkish Language](http://oguzhan.in/vue-js-ile-uygulama-gelistirme/) on oguzhan.in 95 | - [Vue.js VideoTutoral Series in Spanish (3-8-2016)](https://www.youtube.com/watch?v=IlFk3cyRB0Y&list=PLM-Y_YQmMEqD2EWfWpSbiV3WgShRRW3FE&index=7) on YouTube by Juan Andrés Núñez 96 | - [Building a Bookmarking App with Electron, VueJs, and Firebase](http://coligo.io/bookmarking-app-electron-vuejs-firebase/) on Coligo.io 97 | - [Learn Vuex by Building a Notes App](https://coligo.io/learn-vuex-by-building-notes-app/) on Coligo.io 98 | - [Vue.js Screencast Series in Spanish](https://styde.net/curso-de-vue-js/) on Styde.net 99 | 100 | #### 0.12 and earlier 101 | 102 | - [Vue.js screencasts](https://laracasts.com/series/learning-vuejs) on Laracasts 0.12 103 | - [Build an App with Vue.js](https://scotch.io/tutorials/build-an-app-with-vue-js-a-lightweight-alternative-to-angularjs) on Scotch.io 0.12 104 | - [Getting Started with Vue.js](http://www.sitepoint.com/getting-started-with-vue-js/) on Sitepoint 0.12 105 | - [Vue.js video series in portuguese](http://forum.vuejs.org/topic/49/vue-js-video-series-in-portuguese) 0.12 106 | - [Vue.js video series in russian](http://ausite.ru/category/js/vue-js) on Ausite 0.12 107 | - [A Quick Introduction to Vue.js](http://mattsparks.com/a-quick-introduction-to-vue-js/) by Matt Sparks 0.12 108 | - [Getting Started with Vue.js + vue-router](https://www.youtube.com/watch?v=QN7l3ydXvx0) by Michael Calkins 0.12 109 | - [Many JS Frameworks but Vue.js Is Different](http://taha-sh.com/blog/many-js-frameworks-but-vuejs-is-different) by Taha Shashtari 0.12 110 | - [Getting Started with Vue.js - AngularJS perspective](http://fadeit.dk/blog/post/getting-started-with-vuejs-angularjs-perspective) by Dan Mindru 0.11 111 | 112 | ### Development Tools 113 | 114 | - [**vue-cli ★569**](https://github.com/vuejs/vue-cli): official CLI for scaffolding Vue.js projects. 115 | - [**vue-loader ★453**](https://github.com/vuejs/vue-loader) - Vue component loader for Webpack. 116 | - [**vueify ★409**](https://github.com/vuejs/vueify) - Vue component transform for Browserify. 117 | - [**vue-devtools ★589**](https://github.com/vuejs/vue-devtools) - Chrome devtools extension for debugging Vue applications. 118 | - [grunt-vueify ★1](https://github.com/SkewedAspect/grunt-vueify) - Translate `.vue` files to pure JavaScript, without using Browserify. (Useful for Electron apps) 119 | - [vue-compiler ★2](https://github.com/paulpflug/vue-compiler) - A simple CLI wrapper around vueify 120 | - [vue-autocompile](https://atom.io/packages/vue-autocompile) - Atom.io package to compile `.vue` files on save. 121 | - [vue-dev-server ★3](https://github.com/paulpflug/vue-dev-server) - A small webpack-based development server for building standalone `vue` components 122 | - [vue-go-cli ★2](https://github.com/rodzzlessa24/vue-go-cli) - a CLI tool for scaffolding new projects generating components, services, and mixins. 123 | - [brunch-vue ★2](https://github.com/nblackburn/vue-brunch) - Adds support to Brunch for pre-compiling single file Vue components. 124 | - [vueify-extract-css ★18](https://github.com/rawcreative/vueify-extract-css) - Browserify plugin to extract css from Vueify-compiled single file components to a separate css file. 125 | - [eslint-plugin-vue ★21](https://github.com/Twiknight/eslint-plugin-vue) - Eslint plugin for .vue files. 126 | - [vbuild ★59](https://github.com/egoist/vbuild) - Preset build tool for Vue.js apps. 127 | - [vue-markdown-loader](https://github.com/QingWei-Li/vue-markdown-loader) Convert Markdown file to Vue Component using markdown-it. 128 | 129 | ### Syntax Highlighting 130 | 131 | - [**Sublime Text ★164**](https://github.com/vuejs/vue-syntax-highlight) 132 | - [Atom](https://atom.io/packages/language-vue) by @hedefalk 133 | - [Atom (2)](https://atom.io/packages/language-vue-component) by @CYBAI 134 | - [Vim ★30](https://github.com/posva/vim-vue) by @darthmall and @posva 135 | - [Visual Studio Code](https://marketplace.visualstudio.com/items/liuji-jim.vue) by Jim Liu 136 | - [Brackets ★6](https://github.com/pandao/brackets-vue) by @pandao 137 | - [**IntelliJ IDEA / WebStorm ★135**](https://github.com/henjue/vue-for-idea) by @henjue 138 | - [Emacs ★2](https://github.com/CodeFalling/vue-mode) by @CodeFalling 139 | 140 | ### Snippets 141 | 142 | - [vue-snippets](https://atom.io/packages/vue-snippets) for Atom.io by [@ealves-pt](https://github.com/ealves-pt) 143 | 144 | ### Autocomplete 145 | 146 | - [vue-autocomplete](https://atom.io/packages/vue-autocomplete) for Atom.io by [@ealves-pt](https://github.com/ealves-pt) 147 | 148 | ### Component Collections 149 | 150 | - [VueStrap](http://yuche.github.io/vue-strap/), Bootstrap components built with pure Vue.js by @yuche 1.0 151 | - [VueBoot](http://morgul.github.io/vueboot/), Bootstrap v4 components by @Morgul 1.0 152 | - [**vue-mdl ★284**](https://github.com/posva/vue-mdl): Reusable Vue.js components using Material Design Lite. By [@posva](https://github.com/posva) 153 | - [Extra Vuestrap components](http://gritcode.github.io/gritcode-components/#/toast), more components built with just B4 and Vue.js, by @kzima 1.0 154 | - [VueStrap Base Components](http://kzima.github.io/vuestrap-base-components/#/accordion), A complete set of Bootstrap 4 web components built with pure Vue.js, by @kzima 1.0 155 | - [**vux ★1,068**](https://github.com/airyland/vux): Mobile web UI Components based on Vue and WeUI 156 | - [Vue Material Components](http://appcomponents.org/material-components/): Vue.js UI components using [materializecss.com](http://materializecss.com/) by mjanys 157 | - [Vue Upload Component](https://github.com/lian-yue/vue-upload-component/): Vue.js Multiple file upload component support ie9 [lianyue.org](http://www.lianyue.org) by LianYue 158 | 159 | - [vue-comps](https://github.com/vue-comps): A collection of unstyled and unanimated plain vue components 160 | - [vue-materialize ★25](https://github.com/paulpflug/vue-materialize): materializeCss styles and animations for `vue-comps` 161 | - [vue-clusterize ★18](https://github.com/vue-comps/vue-clusterize): implementation of clusterize.js in vue, invisible pagination 162 | - [vue-side-nav](https://github.com/vue-comps/vue-side-nav): responsive, touch enabled side nav 163 | - [vue-parallax](https://github.com/vue-comps/vue-parallax): Scrolls a image slower than the window to create a neat optical effect 164 | - [vue-zoombox](https://github.com/vue-comps/vue-zoombox): implementation of [zoomerang](https://github.com/yyx990803/zoomerang), Zooms into everything (images, text) - without animations 165 | - [vue-icons](https://github.com/vue-comps/vue-icons): webpack based - load only what you need - svg inline icons - font compatible mode - fa, material, mdi and octicons 166 | - [keen-ui](https://github.com/JosephusPaye/keen-ui): A collection of essential UI components inspired by Material Design 167 | - [material-ui-vue](http://material-ui-vue.jackyang.me/docs/index.html#!/components/badges/badge): materializecss UI components with Vue, by [@jack](https://github.com/JackGit) 168 | - [vue-spectre](vace.me/a/vue-spectre/index.html): [github](https://github.com/vace/vue-spectre),spectre components built with Vue.js by @vace 1.0 169 | - [vue-desktop ★100](https://github.com/ElemeFE/vue-desktop): A UI library for building admin panel website, by [@ElemeFE](https://github.com/ElemeFE) 170 | 171 | ### Libraries & Plugins 172 | 173 | - #### Routing 174 | 175 | - [**vue-router ★1,076**](https://github.com/vuejs/vue-router) - Official router for building SPAs. 1.0 compatible 176 | - [Vue page ★15](https://github.com/AlexToudic/vue-page), a routing system based on pagejs by @AlexToudic 177 | - [Vue Lanes ★19](https://github.com/bpierre/vue-lanes), an event-based routing system for Vue by @bpierre 178 | - [Vue route ★70](https://github.com/ayamflow/vue-route), ng-view inspired routes for Vue by @ayamflow 179 | - [**voie ★108**](https://github.com/inca/voie) — simple router / layout manager inspired by FSMs and ui-router by [Boris Okunskiy](https://github.com/inca)1.0 180 | - [vue-script2](https://github.com/taoeffect/vue-script2) - Load route-specific code or vendor scripts with a `