整理一下我博客上的学习资源，具体可以查看我的个人博客：[卡夫卡的岛上书店–资源工具]

  • https://kaimo313.gitee.io/blogs/resource-tools/
  • https://kaimo313.github.io/blogs/resource-tools/

网站资源

大佬收藏夹

  • 【awesome-bookmarks】–panjiachen

文档

  • MDN | MDN-JS标准内置对象 Web技术权威文档
  • 现代JavaScript教程 以最新标准为基准的JS教程
  • ES5教程 阮一峰的JS教程
  • ES6教程 阮一峰的ES6教程
  • Bash 脚本教程 阮一峰编写
  • ECMA ECMA官网
  • 菜鸟教程 涵盖多种语言的初级教程
  • 腾讯云开发者手册

社区

  • Github 程序员同性交友社区
  • 掘金 一个帮助开发者成长的社区
  • 简书 有很多频道的创作社区
  • 思否 解决技术问题的社区
  • stack overflow 同上，外网的
  • InfoQ
  • V2EX
  • 鱼塘热榜 划水网站，收集了很多网站，当天热门文章
  • 码力全开资源库 很全很强大，独立开发者/设计干货/优质利器/工具资源…

博客

  • 阮一峰的网络日志
  • samanthaming 对前端小知识点的总结，并为每个知识点制作精美的小卡片。

Vue

  • Vuesax 一个优质的vue的组件库

移动端

  • fastclick 解决移动端点击延迟300ms问题
  • better-scroll 移动端滚动插件

工具 & 插件

  • codota AI代码智能提示（应用于代码编辑器）

Node

  • commander 提供了用户命令行输入和参数解析的强大功能
  • inquirer 与命令行进行交互
  • chalk 美化命令行打印样式
  • 跟着老司机玩转Node命令行

博客评论插件

  • Gitalk |
  • Valine |
  • Vssue 静态博客评论插件

电子书

  • 前端电子书收集
  • SoBooks 免费的电子书资源网站

文章

  • 灵活运用CSS开发技巧

视频

  • 慕课网 实战视频教程
  • 妙味课堂 比较系统的前端入门视频教程
  • 中国大学MOOC 涵盖计算机、外语、心理学等专业免费课程
  • bilibili B站，上面也有一些可供学习的免费视频
  • egghead 质量还不错的短视频教程，外网

电视直播

  • CCTV、卫视高清直播

Github

  • github 短域名服务
  • shields 徽章图标
  • followers 全球排名
  • star-history 展示一个项目 Stars 增长曲线

在线工具

开发

  • Can I use 查看属性和方法的兼容性
  • 30 seconds of code 收集了许多有用的代码小片段

代码编辑

  • codepen 在线代码编辑与演示
  • codesandbox 内嵌VSCode的在线IDE

Emoji表情

  • emoji表情
  • emoji表情备忘录
  • gitmoji 通过 emoji 表达 git 的操作内容

windows系统下按Win+.快速打开表情选择框

图片工具

  • tinypng图片压缩 压缩png很有用
  • Squoosh 谷歌出品在线免费图片压缩工具
  • waifu2x 通过卷积网络放大图片
  • vectormagic 转换矢量图
  • vectorizer 真正的 png 转 svg 神器
  • 在线AI图片处理 黑白修复、无损放大、动漫化、铅笔画等。
  • remove AI抠图

作图

  • processon在线作图 流程图、思维导图、原型图等
  • 百度脑图 思维导图

CSS

  • CSS Tricks CSS技巧收集与演示
  • CSS生成器
  • CSS渐变生成器
  • CSS3-Box Shadow(阴影)
  • 贝塞尔曲线生成器
  • 花纹背景生成器
  • 花纹背景-pattern.css
  • 3D字体
  • css-tricks css技巧文章
  • You-need-to-know-css CSS的各种DEMO，很全
  • animista CSS动画可视化工具

CDN加速

  • jsDelivr 国外的一家优秀的公共 CDN 服务提供商
  • unpkg cdn 服务

正则

  • 正则可视化

其他

  • Linux命令手册
  • 代码图片生成器

设计

  • 创造师导航
  • 设计师网址导航
  • remove AI抠图，抠图算法很厉害
  • Manypixels 插画
  • Undraw 插画
  • uimovement 能从这个网站找到不少动画交互的灵感
  • awwwards是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站
  • dribbble 经常能在上面找到很多有创意好看的 gif 或者图片
  • Bēhance dribbble 是设计师的微博，Bēhance 是设计师的博客
  • Logojoy 使用 ai 做 logo 的网站，做出来的 logo 质量还不错。
  • brandmark 另一个在线制作 logo 网站
  • instant 又一个 logo 制作网站
  • namecheap又一个 logo 制作网站
  • logo-maker 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
  • coolors 帮你在线配色的网站 你能找到不少配色灵感
  • colorhunt 另一个配色网站
  • uigradients 渐变色网站
  • designcap 在线海报设计
  • Flat UI 色表 Flat UI 色表
  • 0to255 颜色梯度
  • Ikonate 提供免费的图标 icons
  • remixicon 又一个提供免费图标 icons
  • feather 免费的 icons
  • nord 北欧性冷淡风主题配色
  • Unsplash 提供免费的高清图片
  • Pexels 提供免费的高清图片
  • colorkitty 从你的图片中提取配色
  • design.youzan 有赞设计原则

  • iconfont 阿里巴巴矢量图标库

  • undraw 免费的矢量插画

  • icomoon 矢量图标库

  • cssicon 所有的 icon 都是纯 css 画的 缺点：icon 不够多

  • CSS triangle generator 帮你快速用 css 做出三角形

  • clippy 在线帮你使用 css clip-path 做出各种形状的图形

  • Lorem Picsum 提供免费的占位图

  • Canva 可画 生成插画、封面、海报、头像等

图库

  • uigradients 渐变色生成工具
  • freepik banner 图库
  • 觅元素一天免费下载十张 psd
  • 搞定设计 可以抠图
  • vectorizer 真正的 png 转 svg 神器
  • 站酷
  • 花瓣
  • 虎克 Ps 学习教程
  • beTheme
  • UI 中国

有趣

  • 奇趣网站收藏家 收藏了很多有趣的网站
  • 帮你百度一下 可以 点我测试一下-
  • 国际版 同帮我百度一下-点我测试一下-
  • wallhaven 壁纸网站-
  • URL 地址播放 Emojis 动画 在地址栏里面播放 emoji
  • Can’t Unsee 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设计稿的敏感度怎么样
  • ggtalk 平时一直在听的一个技术博客
  • awesome-comment 里面收集了很多有趣的代码注释
  • text-img 都将图片转化为 ascii 用来写注释
  • weird-fonts 将普通字母转化为 特殊 unicode
  • snake 在地址栏里面玩贪吃蛇
  • zero-width-lib 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配，很有创意
  • abbreviations 查看一个简写是什么意思的网站
  • magi ai 搜索神器，超屌
  • 诺基亚短信图片生成器

交互

  • 微交互 里面收集了市面上很多很好的微交互例子 值得学习
  • Little Big Details 同上，一个国外微交互汇集网站
  • cruip 登录页的各种页面设计，可以免费下载模板
  • Comixify 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图是他们提供的 demo，效果很棒。
  • taiko-web 太鼓达人网页版 只能说很 6

教程

  • npx 教你怎么合理的使用 npx
  • hacksplaining 网络安全学习网站
  • mobile-web-best-practice 移动 web 最佳实践

产品

  • 产品大牛 什么有很多完整的产品原型可以借鉴
  • 磨刀 快速出 ui 原型

实用

  • browser-update 浏览器版本更新提示插件
  • typeform 一个国外的在线调查问卷网站
  • VideoFk VideoFk 视频在线解析下载
  • 全历史 历史内容聚合网站
  • UzerMe 云端办公工具
  • SoBooks 强大的电子书资源网站
  • 稿定设计 键式设计工具+智能抠图
  • 大力盘 百度网盘搜索
  • ENFI 下载器 不限速下载器
  • 来画视频 像做 PPT 一样做短视频
  • Arkie 海报制作工具
  • 优品 PPT
  • 比格 PPT
  • 高清免费图片
  • 高清免费图片 2

Talk

  • peerigon-talks 收集了不少有意思的 talks

算法

  • leetcode 用 js 刷 leetcode

Vue资

官方资源

  • 官方指南
  • API 参考
  • GitHub 回购
  • 发行说明
  • 样式指南
  • Vue.js 新闻

外部资源

  • vue.js 资料まとめ(日语)by @hashrock
  • Vue.js 新闻稿-每周精选的 Vue.js 新闻的剂量
  • Vue.js 提示-成为更好的 Vue.js 开发人员的提示
  • Vue.js Wikipedia
  • Vue.js Radar-精选的新闻通讯和网站，涵盖了新的 Vue.js 版本/贡献。
  • Vue 新闻-专注于最新 Vue.js 新闻和信息的社交网站。
  • Vue 精选资源-推荐的 Vue.js 课程和教程。
  • BuiltForVue-所有 Vue.js 组件和软件包的 NPM 镜像。
  • Vue School-通过核心成员和行业专家的视频课程学习 Vue.js
  • VueDose。有关忙碌的开发人员的 Vue 生态系统的提示和技巧。
  • Vuelibs。基于 awesome-vue 存储库的 Vue.js 库和组件的简约列表。

工作门户

  • Vue.js 职位-VueJobs-一个 Vue.js 职位门户，可为您所有的 Vue.js 职位招聘或录用。
  • Vue.js 面试问题-300 个 VueJS 面试问题和答案列表

社区

  • Twitter
  • 官方论坛
  • vue-requests-请求您希望存在的 Vue.js 模块或获取有关模块的想法

会议

  • VueConf
  • Vue.js 伦敦
  • VueConf US
  • VueConf 多伦多

播客

  • Full Stack Radio＃30(11-23-2015)
  • JavaScript Jabber＃187(11-25-2015)
  • Changelog＃184(11-27-2015)
  • 软件工程日报(2015 年 12 月 29 日)
  • JavaScript Air 016(2016 年 3 月 30 日)
  • [Codecasts＃2-Falando Sobre Vuejs e Web Components(2016-08-19)pt-BR]
  • Full Stack Radio＃50(09-21-2016)
  • [和 Vue.js 框架的作者聊聊前端框架开发背后的故事zh-CN]
  • MW S04E08-Vue.js 与 Evan You 和 Sarah Drasner(04-27-2017)
  • 提交请求＃12-众筹开源(Vue.js)(06-15-2017)
  • The Web Platform Podcast 132：Vue.js(07-27-2017)
  • 带有 MaximilianSchwarzmüller 的 JavaScript Jabber＃276(08-29-2017)
  • 使用 Sarah Drasner 动画 VueJS(软件工程日报 01-12-2017)
  • Vue 观看次数(Vue 每周播客开始于 2018 年 3 月 6 日)
  • 官方 Vue.js 新闻播客
  • 通过 QIT 技术播客索引器播出的 Vue 播客列表
  • DNE 138-Vale a pena VueJS 吗？(01-05-2018)
  • Cynical Developer＃99(10-15-2018)
  • 语法＃130(03-27-2019)

Youtube 渠道

  • VueNYC
  • VueConf 欧盟

官方例子

  • 基本示例
  • Vue.js TodoMVC
  • CoffeeScript 版本
  • Vue.js HackerNews Clone
  • Vue.js 2.0 HackerNews Clone

讲解

  • Vue.js 屏幕录像关于 Laracasts -Auth0 博客上的Vuejs 2 身份验证教程
  • [Scotch.io 上的使用 Vue.js 创建 GitHub File Explorer
  • Vue.js 教程关于 Vegibit
  • Vue.js 使用 webpack，vue-loader 和热重装从零开始构建设置
  • Vuex 基础：教程和说明
  • Vuex 简介视频-来自伦敦 Vue.js 聚会＃1 的 James Browne -Laravist 上的Vue.js 中文系列视频教程
  • [craigmckenna.com 上的使用 Vue.js 开发反应式发票应用程序
  • 带有葡萄牙语的 Laravel 和 Vue.js 的混合应用示例，作者@vedovelli -oguzhan.in 上的Vue.js 土耳其语简介
  • Vue.js 西班牙语视频教学系列(3-8-2016)在 YouTube 上由 JuanAndrésNúñez 制作
  • [Stude.net 上的Vue.js 西班牙语电视广播系列 -bhnddowinf 上的讲解 Vue.js 官网中文-含代码，百度云，youtube
  • [Pusher 上的使用 VueJS，ES2015 和 Webpack 探索实时应用] -sekolahkoding.com 上的印尼语中的 Vue.js
  • .dev 中来自 Scratch 系列的 Vue.js 俄语
  • [Flask，RethinkDB，Vue.js，ч。СтвореннясервісудлязберіганняфайлівзFlask。1乌克兰
  • VueJS 2 法语教程Françaispar Grafikart
  • Jayway Vue.js 2 研讨会。使用 vue-router，vuex 和 vue-resource 构建一个电子商务站点
  • 如何使用 Wijmo 控件创建出色的 VueJS 应用程序 -bhnddowinf 上的讲解 Vue.js 2 官网中文-含代码，百度云，youtube
  • Vue.js 备忘单：服务器端应用程序，路由器，Vuex 存储，GraphQL 等由@xpepermint
  • 使用 Vue.js 加载类似图片的媒体
  • [Metric Loop]上的如何在 Laravel Spark 项目中使用 Vuex /metricloop.com/blog)
  • [Metric Loop]上的如何在 Vuex 中设置模块(https://metricloop.com/blog ) -关于 Laracasts 的学习 Vue 2：循序渐进
  • Vue.js 中文教程
  • 在 Vue.js 2.0 框架上启动和运行在 SitePoint 上
  • [Metric Loop]上的如何使用 Vuex 进行 API 调用(https://metricloop.com/blog )
  • [度量循环](https：// metricloop)上的如何使用 Vuex 构建功能。 com / blog) -DevMarketer 在 YouTube 上发布了Vue.js 2.0 基础知识
  • [无知的 Vuex-Vue 的应用程序数据存储上缺少的入门手册](https://medium.com/js-dojo/vuex-for-the-clueless-the-missing-primer-on-vues-application-data -store-33fa51ffc3af＃.2j25xpfui)
  • 实时网格组件 Laravel，Vue.js，Vuex 和 Socket.io
  • VueJS 2-完整指南(包括 Vuex)-Udemy 教程
  • [在egghead.io上使用 Vue.js 开发 Web 应用](https://egghead.io/courses/develop-web-apps-with-vue-js)
  • Vue.js 2-入门
  • Vue.js 2 和 Vuex(基本)
  • Fatih Acet在 YouTube 上的TürkçeVueJSEğitimVideoları
  • [通过六个步骤从头开始在 Vue.js 中构建 JSON 树视图组件](https://devblog.digimondo.io/building-a-json-tree-view-component-in-vue-js-from-scratch -由Arvid Kahl在digimondo devblog上的-in-six-steps-ce0c05c2fdd8＃.738ok0l4p)
  • Vue！-Illya Klymov 在 YouTube 上的 OpenLecture 2017.01 俄语(@xanf)
  • @afropolymath(https://afropolymath.svbtle.com/bootstrapping-your-first-vue-js-project/)。 com / afropolymath)
  • [@分离]的从头开始构建 vue-hackernews-2.0(https://github.com/Detachment)
  • [使用 vue-kindergarten 为您的 Vue.js 和 Nuxt.js 应用程序提供基于角色的授权](https://medium.com/@JiriChara/role-based-authorization-for-your-vue-js-and-nuxt- js 应用程序使用 vue 幼儿园-fd483e013ec5＃.kp81np177)
  • 完整的 Vue.js 应用程序教程-使用 Vue 创建简单的预算应用程序，作者为@matthiaswh
  • Vue.js 教程：经过渲染的 SEO 友好示例
  • [Vue.js 简介，供仅了解足够的 jQuery 的人使用](https://medium.com/@mattrothenberg/vue-js-introduction-for-people-who-know-just-enough-jquery-to -通过 eab5aa193d77 获取)
  • 使用 Vue.js 和 Axios 从第三方 API 获取数据
  • Vue 2 的趣味项目(视频)，作者：Packt 的 Peter van Meijgaard。(2017 年 4 月)
  • [Vue JS：同时运行 Express 和 Webpack Dev Server](Henrik Fogelberg)在媒体上的(https://medium.com/dailyjs/vue-js-simultanelyly-running-express-and-webpack-dev-server-292f4a7ed7a3)
  • [The Net Ninja]在 YouTube 上发布了Vue JS 2 教程(https://www.thenetninja.co.uk)
  • 在 5 分钟内将无头 CMS 添加到 VueJ 中
  • vue 架构中的观察者
  • 使用 Vue.js 构建您的第一个应用
  • 5 个学习 Vue.js 的实用示例
  • [@jesalg]的从 KnockoutJS 迁移至 VueJS(https://twitter.com/jesalg)
  • 通过 Vue.js 创建测验由[@ rap2h](https://twitter.com/ rap2h)
  • [@chadcampbell]的Vue.js：入门(https://twitter.com/chadcampbell)
  • Vue.js 2 和 Firebase-构建实时单页 Web 应用程序
  • Vue.js 2 和 Vue 资源-具有外部 API 访问权限的实际应用程序
  • 面向初学者的 Vue.js 交互式屏幕录像
  • [AliGÖREN]在 YouTube 上发布的Vue.JS ile NASAAPI’ınıKullanarak VeriÇekme(https://aligoren.com)
  • 使用 Vue.js 2 进行 Web 开发(视频)，作者是 Packt 的 Olga Filipova。(2017 年 6 月)
  • 使用 VueJS 和 Pusher 建立实时图表
  • Vue 简介，前端大师课程的回购
  • 关于 CSS 技巧的 Vue 指南
  • 在您的 VueJS 应用中使用打字稿 -关于 nodelover 的Vue.js 视频系列，免费，入门，实战 -ninghao.net 上的Vue.js 预览
  • [@chadcampbell]的Vue.js：开发机器设置(https://twitter.com/chadcampbell)
  • 使用 Vue-router 构建 Vue v2 JS 应用 @mikestreety
  • [@Atom_Hernandez][https://medium.com/@davidatomhernandez/how-to-a-simple-carousel-with-vue-138715d615d7)制作自己的旋转木马](https://twitter.com / Atom_Hernandez)
  • [使用官方 Vue 测试工具和 Jest 对 Vue.js 组件进行单元测试](https://alexjoverm.github.io/series/Unit-Testing-Vue-js-Components-with-the-Official-Vue-Testing- @alexjoverm的 Tools-and-Jest /)
  • [创建 Vue.js 过渡和动画：实时示例，作者为@udyuxdev
  • 创建自定义 Vue.js 插件
  • VueJS 第 1 部分中的异步
  • VueJS 第 2 部分中的异步
  • [@mikestreety]https://www.mikestreety.co.uk/blog/vue-js-using-localstorage-with-the-vuex-store)使用[不带插件的 Vuex 存储使用 localStorage] //twitter.com/mikestreety)
  • [@mikestreety]的使用道具通过 Vue Router 访问组件内的 URL 参数(@mikestreety)(https://twitter.com/mikestreety)
  • [使用 Pm2 和 Nginx 在生产中部署 Vue.js — SSR(Vuetify)](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and- nginx-ec7b5c0748a3)
  • laracast上的Testing Vue Components
  • [[CodyLSeibert]的[使用 Vue.js 和 Express.js 构建全栈 Web 应用](https://twitter.com/CodyLSeibert )
  • Vue.js 2 条食谱(视频)，由 Packt 的 Peter van Meijgaard 撰写。(2017 年 9 月)
  • [Sabe.io]上的Vue.js 入门(https://sabe.io/)
  • 使用 Vue 2 构建您的第一个高级 CRUD 应用程序(视频)(https://www.packtpub.com/web-development/building-your-first-advanced-crud-application-vue-2-video)范·迈加德(Pack Meitgaard)(2017 年 7 月)
  • 프론트엔드Vue.js입문서
  • [Inflearn]上的누구나다루기쉬운Vue.js(视频) ](https://www.inflearn.com/)，由Captain Pangyo
  • 在 2 小时内建立一个 Vue.js 博客顶部在Snipcart
  • [Sales Bhatnagar @sachinbee的VueJS 2 入门 Udemy
  • [Sabe.io]上的Vuex 入门：在 Vue.js 中管理状态(https://sabe.io/)
  • [Sergii Stotskyi 的使用 CASL 的 Vue2 ACL]
  • [简化 JavaScript 选择-Angular 诉 React 诉 Vue(视频)](https://www.packtpub.com/application-development/javascript-choice-made-easy-%E2%80%93-angular- v-react-v-vue-video)，Packt 的 Daniel Kmak。(2017 年 11 月) -Storyblok 博客上的使用 Auth0 的 Vuejs 2.5+身份验证教程
  • 带有 Vue 的 GraphCMS 初学者指南在 GraphCMS 上
  • 在 Chrome 和 VS Code 中调试 Vue.js此食谱展示了如何将 Debugger for Chrome 扩展程序与 VS Code 一起使用调试由 Vue CLI 生成的 Vue.js 应用程序。
  • [Packet Sachin Bhatnagar 的Vue JS 2 入门(视频)。(2018 年 1 月)
  • 使用 Vue.js 构建电影应用界面，作者是 Hassan Djirdeh，[@ djirdehh](https： //twitter.com/djirdehh)
  • 让我们建立一个自定义的 Vue.js 路由器，作者：Hassan Djirdeh，[@djirdehh](https：// twitter .com / djirdehh)
  • 由 Vue，Webpack 4 和 Babel 入门，作者是 Bjorn Krols，[@ KrolsBjorn](https ：//twitter.com/KrolsBjorn)
  • 如何将 Bootstrap 4 添加到您的 Vue 项目，作者：Bjorn Krols，@ KrolsBjorn
  • [如何将语义 UI 添加到您的 Vue 项目中](作者：Bjorn Krols，@KrolsBjorn( https://twitter.com/KrolsBjorn)
  • [Bjorn Krols 的如何将 ESLint 添加到您的 Vue 项目，@KrolsBjorn
  • 如何通过 Vue 中的 URL 查询参数使内容动态化(https://medium.com/@BjornKrols/tutorial-dynamic-content-via-url-query-parameters-in-vue-js-d2df19b66633) Krols，@KrolsBjorn
  • 如何为 AWS S3 托管的 Vue 应用程序启用历史记录模式作者：Bjorn Krols，@KrolsBjorn
  • [Bjorn Krols 的使用断点调试 Vue 应用程序的基本介绍，@ KrolsBjorn
  • 使用 ButterCMS 无头后端构建 Vue.Js 电子商务应用程序
  • MASTER VUE.JS
  • 使用 Go 和 Vue.js 构建投票应用程序
  • 使用 Vue.js 构建协作绘画应用程序
  • 使用 Stripe 构建实时付款信息中心
  • 使用 Vue.js 构建加密货币跟踪器
  • 使用 Vue.js 构建设计反馈应用程序
  • 使用 Flask 和 Vue.js 开发单页应用
  • 使用 Stripe，Vue.js 和 Flask 接受付款
  • [serverlarup.net 上的使用 Laravel 和 VueJS 进行 API 驱动的开发(免费课程)
  • 在 Vue.js 中管理状态，作者：哈桑·吉尔德(Hassan Djirdeh)，@djirdehh
  • 由 Vue.js 制作的真实世界项目，由 Packt 的 Daniel Khalil 撰写。(2018 年 8 月)
  • [Heartbeat(Vue + NW.js 视频系列)]https://goo.gl/8p3msR)，作者：@@ ackzell(https://github.com/ackzell)(2017-2018)
  • 带有 Nuxt.js 的 Firebase 服务器端渲染 Vue 应用程序(带有 JavaScript 框架的服务器端渲染)
  • Firebase 使用 Nuxt.js(使用 JavaScript 框架的服务器端渲染)测量 Vue SSR 性能)
  • 使用 D3 和 Vue 创建交互式地图(2018 年 10 月)
  • 编写通用的，支持 SSR 的 Vue 组件的指南
  • [Vue School]的Vue.js 基础知识(https://vueschool.io)
  • Vuex for Everyone由Vue School
  • [Vue School]的Vue.js 表单验证(https://vueschool.io)
  • [Vue School]的Vue.js 大师班(https://vueschool.io)
  • [Vue School]的Vue.js Firebase 实时数据库(https://vueschool.io)
  • [Vue School]的Vue.js Firebase 身份验证(https://vueschool.io)
  • [Vue School]的带有 Vue.js 的动态表单(https://vueschool.io)
  • [Vue School]的Custom Vue.js Directives(https://vueschool.io)
  • Vue.js 应用程序开发要点，作者是 Packt 的 BartłomiejPotaczek。(2018 年 10 月)
  • 对 Vue.js 进行故障排除，作者：克里斯蒂安·赫尔(Packet Hur)，帕特。(2018 年 10 月)
  • Nuxt.js-类固醇上的 Vue.js，作者：MaximilianSchwarzmüller，Packt。(2018 年 10 月)
  • 使用 Quasar(和 Vue)构建电子文件资源管理器，作者：@@ hawkeye64](https://github.com/hawkeye64)。(2018 年 11 月)
  • [Udemy]上的使用 Vue JS 2 和 Firebase 构建 Web 应用程序(https：// [The Net Ninja]的 www.udemy.com/)(https://www.thenetninja.co.uk/)
  • [Udemy]上的Vue JS 2-完整指南(包括 Vue Router 和 Vuex)( https://www.udemy.com/)，MaximilianSchwarzmüller
  • [使用 Vue.js，Vuex，Vuetify 和 Firebase 的 SPA 应用程序(第 1 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -1 /)由 Jennifer Bland @ratracegrad。(2018 年 11 月)
  • [使用 Vue.js，Vuex，Vuetify 和 Firebase 的 SPA 应用程序(第 2 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -2 /)由 Jennifer Bland @ratracegrad。(2018 年 11 月)
  • [使用 Vue.js，Vuex，Vuetify 和 Firebase 的 SPA 应用程序(第 3 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -3 /)由 Jennifer Bland @ratracegrad。(2018 年 11 月)
  • [使用 Vue.js，Vuex，Vuetify 和 Firebase 的 SPA 应用程序(第 4 部分)](https://www.jenniferbland.com/spa-application-using-vue-js-vuex-vuetify-and-firebase-part -4 /)，作者是 Jennifer Bland @ratracegrad。(2018 年 11 月)
  • [詹妮弗·布兰德(Jennifer Bland)@ratracegrad将国际化添加到 Vue 应用程序 )。(2018 年 11 月)
  • 由 Vue JS 2 编写的实用项目，作者是 Packt 的 Jack Herrington。(2018 年 12 月)
  • [Lessipe](https：// lessipe)的Lessipe上的Vue.js기초다지기(视频) .com /)
  • 由 Vue.js 和 Node.js 进行的全栈 Web 开发，作者 Haider Rehman， Packt。(2019 年 1 月)
  • Designer for Vue，由 Design + Code 提供(2019 年 2 月)
  • [Talat Tufekci]的Vue 土耳其语简介(https://www.onbirkod.com)
  • [Talat Tufekci]的使用土耳其语的 Vue-Resource 提取数据(https://www.onbirkod.com)
  • [Talat Tufekci]的使用土耳其语 Vue-router 的 Spa 应用程序 /www.onbirkod.com)
  • [Talat Tufekci]的使用土耳其语的 Vue-cli 创建 Vue 项目 https://www.onbirkod.com)
  • [Taul Tufekci]的Vue 组件和土耳其语 Vuex 之间的消息传递 .onbirkod.com)
  • [作者：Michael Thiessen]如何在vue中动态添加类名称
  • 使用 ScaffoldHub 使用 Vue JS，Node JS 和 SQL 或 MongoDB 构建图书馆 Web 应用程序作者 Felipe Lima [@scaffoldhub_io](https：// twitter.com/scaffoldhub_io)
  • 使用 NativeScript + Vue 构建实时位置跟踪应用，由 Saibbyweb 撰写

事例

  • 使用 Laravel 中的 JWT Auth +示例后端 API 的入门应用程序
  • 节点 Webkit + Vue 示例@brandonjpierce
  • Vue 样本@superlloyd
  • 使用 vue.js + vue-router 的 HackerNews 克隆，作者@kazupon
  • 电子+ Vue 示例，@ bradstewart
  • [Boris Okunskiy]的单页应用程序示例(Vue + Voie)(https://github.com/inca)
  • 开始-用 Vue +流明编写的 Task Manager SPA，作者是Raj Abishek
  • [BosNaufal]的Vue Mini Shop(https://github.com/BosNaufal)
  • Vue SoundCloud由mul14
  • 功能请求(Laravel + Vue 组合)由haydenbbickerton
  • [@ yjj5855]的Vue Cookbook(Vue1.0 + Express)(https://github.com/yjj5855)：演示服务的第一个屏幕渲染
  • Strong Together-一个启动器项目，基于 Browserify 和 Semantic-，以独立或 Laravel / Laravel Spark 项目的形式构建单页 Vue.js 应用程序， ui)由WebSemantics
  • vuetest：在 iframe 中具有用户身份验证，bootstrap ui，上传器，所见即所得编辑器的广告管理网站
  • vue-shopping由andylei18
  • Vue-cnodejs，060由@shinygang
  • vue-zhihu-daily由hilongjw
  • VueChess- [gustaYo]的多人在线国际象棋游戏(https://github.com/gustaYo)
  • Ngexplorer-vuejs-client- Nugexplorer的正式客户端](https://github.com/gustaYo)
  • [Vue 2048(Vue + Webpack)][https：// pengfu](https：// pengfu](https://github.com/pengfu)的https://pengfu.github.io/vue-2048/)：流行的 2048 游戏使用 Vue 实现，Webpack，Sass，ES6
  • [BosNaufal]的Vue Simple PWA(https://github.com/BosNaufal)
  • Tour of Heroes(Vue 2.0)：Angular 2.0 的 Vue 2.0 端口[Tour of Heroes](https：// angular。 io / docs / ts / latest / tutorial /)演示应用程序。亮点：ES6 / 7，渲染功能，JSX，revue(Vue 的 Redux 绑定)，[vue-router](https://github.com/vuejs/ vue-router)，Airbnb eslint，webpack。由@ aweber1
  • vue-table-pagination由echovic进行分页的表
  • Feathers and Vue 2.0 Blog Admin Demo演示了如何在 Vue 2.0 中使用 Feathers。它包含[delay]的身份验证，vue 路由器，vue 无限加载和角色(https://github.com/delay)
  • vue-zhihudaily-2.0Zhihudaily 演示程序是使用 Vue 2.0，vue-router 和 vuex 构建的，并具有服务器端渲染功能。由cs1707
  • vue-demo-todolist是一个简单的 vue2.0 演示，它使用 Vue 2.0 vue-cli 构建。通过fishenal
  • [liueans]的vue-AdminLte(https://github.com/liujians)
  • vue(2.0)+ Node.js：博客内容管理系统(CMS)，作者@ycwalker
  • ngexplorer-quasar- Ngexplorer的实现与[quasar 框架](https： //gust.Yo 的//github.com/rstoenescu/quasar-framework)(https://github.com/gustaYo)
  • zhihu-daily-vuemoonou基于 vue2.0 的 zhihu 日报
  • loopback-vueloopback + vue + vue-resource，ionic-app，vue 页面分页功能，验证权限控制，访问令牌机制，凭证，CI ，docker qxl1231
  • vue-s3-dropzoneVue.js 拖放组件可将文件无服务器上传到 AWS S3
  • easy-vue一个简单的示例，使用 vue 在 vue 2.0，vuex 2.0，vue-router 2.0，vue-infinite-scroll 2.0， [TIGERB]的 vue-progressbar 2.0(https://github.com/tigerb)
  • [度量循环]的Vuex 事件消息演示(https://metricloop.com/blog)
  • vue-memo使用 Vue.js(> 2.x。)，vue-router(> 2.x。)，vuex( > 2.x。)，vuex-router-sync @ next(> 3.x。)和 Firebase(> 3.6.x)，作者为akifo
  • Resume Vue[ChangJoo Park]的基于 JSON 的基于 Vue 2.0 的简历(https://github.com/ChangJoo-Park/) -使用Phoenix Framework，Vue 和 Vue Router(demo开发的具有 JWT 身份验证的应用示例 phoenix-vue-auth.herokuapp.com))@ Angarsk8
  • 在 Vue 2.0 中使用路由器示例 CRUD 应用(https://github.com/shershen08/vue.js-v2-crud-application)(https://github.com/shershen08)
  • [@mgyongyosi]的ASP.NET Core Vue.js 服务器端呈现示例(https://github.com/mgyongyosi)
  • vuefire-quickstart-通过@sejr记录的带 Webpack 和 eslint 的 Firebase 集成。
  • hello-vue-django Vue.js 和 Django 集成入门项目，带有热代码重载
  • 实时社交新闻应用，是由Phoenix，Vue，Vue Router 和 Vuex([_demo _](https ：//loopa-news.herokuapp.com))，作者为@ Angarsk8
  • vue-calculator是一个使用 Vue 2.0 构建的简单计算器，vue-cli(webpack-simple)。通过CaiYiLiang
  • Wikipedia-viewer一个简单的 Wikipedia-viewer 页面，使用 vue2.x，vue-router，vue-cli(webpack)构建-simple)和 ajax(jsonp)。通过CaiYiLiang
  • vue2.x-douban使用 vue2.x，vue-router 和 axios(豆瓣电影)构建豆瓣电影的简单方法。通过超人
  • vue-laravel-exampleVue-Laravel-示例是使用 Laravel 设置 Vue 的简单示例。通过Jiajian Chan
  • vue-foundation一个演示应用程序，将 VueJS 与Zurb Foundation集成，使用 webpack vue-cli f
  • aspnetcore-Vue-starter一个 VueJS 2 入门模板，它是 asp.net MVC dotnetcore 项目的一部分。该模板包括 VueJS 客户端应用程序和后端 API 控制器。
  • vue-reddit-app使用 Vue 2 构建的 Reddit SPA demo。 X，Vue 路由器 2，Vuex 和 axios。@ yujiahaol68使用 Muse-UI 和 vue-cli Webpack 模板
  • vue-music-qq一个 qq-music 项目基于 vue-cli。页面简单流畅
  • 带有 Vue-Redux 和 Plain VueJSX 的 NavigationTab导航选项卡同时具有普通 Vue JSX 和 Vue + Redux 绑定
  • Veggie Map使用 Vuejs + Vue 路由器+ Leaflet 和 Firebase 的交互式演示
  • vuejs-d3示例如何使用 d3 进行可视化的示例。
  • vue-twitter-client使用 Vue 2.X，Vuex，electron-vue 和 Electron 构建的 Twitter 客户端应用程序
  • Douban使用 Vue2.x + Vuex + Vue-router + vue-resource 创建的很棒的 douban 示例。通过jeneser
  • Storyblok vuejs-boilerplate-集成 Storyblok 的组件系统，允许创建可编辑的网站。
  • Vuexpresso-使用 VueX，Vue-Router，Vue-Apollo，webpack，GraphQL，Apollo-client，express 和 mongo 的样板
  • 带有 Sails.js 示例项目的 Vue.js-该项目适用于单页应用程序的新手，并希望通过实际学习例。
  • Vue.js＆Pyramid Web 框架应用程序-使用 Pylons Pyramid Webframework 后端 Vuejs webpack2，vue-router，yarn(数据包管理器)的样板
  • vue-feathers-chat在前端使用 Vue，在后端使用 Feathers 进行的示例实时聊天，但仅使用 Socket.IO-Client 进行通信
  • vue-xplan使用 Vue 和 three.js 创建的旋转地球演示页面
  • vueSocketChatRoom使用 vue2.x，vuex2.x，vue-router2.x，vux2.x，socket.io 的套接字聊天室
  • @Binaryify的vue-tetris(使用 Vue，Vuex，不可变代码 Tetris 编码)：使用 Vue，Vuex，Immutable 编码俄罗斯方块。
  • @kasheftin的route-planner-vue：用于规划具有多个路线的工具 Google 地图上可排序的图层，可拖动的方向，标记和形状。
  • MyDiary-Vue使用 Vue 2.X 构建的日记应用程序，还具有联系人和待办事项列表功能
  • AliGÖREN在 Github 上的VueJS 示例项目
  • todo-mvc-webpack由voluntapear使用 webpack-basic 在 Vue 2 上实现 TodoMVC 模板，并带有显示 vuex，vue-router，中央事件总线和 VueFire 的示例。
  • [gustaYo]的Chess Storybook Example与 Vue 2.0(https://github.com/gustaYo)
  • Vue Weather Notifier一个带有 SVG 和 Vuex 的小型示例动画应用程序
  • Nuxt 类型一个带有 Nuxt 的示例 Vue 项目，用于路由/ SSR 到演示页面转换
  • VueBlog一个博客系统，支持wmui的服务端渲染
  • Cinemateka-用 Vue v1 和 Laravel 5 制作的 SPA 的示例。电影和活动时间表。俄罗斯的评论。
  • vue-2.x-boilerplate-适用于 Vue 项目 Vuex + vue-router 的简单入门套件
  • vue-minesweeper-由[rhapsodyn]开发的带有 vuejs 的致命简单扫雷游戏(https://github.com/rhapsodyn)
  • X-Flowchart-Vue- [OXOYO]的 SVG 和 Vue 流程图编辑器(https://github.com/OXOYO)
  • koa-vue-notes-web-充实的 SPA，在后端使用 Koa 2.3，在前端使用 Vue 2.4。包括功能齐全的用户身份验证组件，针对用户笔记的 CRUD 操作以及 Vuex 存储模块。
  • Vuejs 购物车-使用 Vuejs 和 Firebase 的购物车示例
  • PokedexVueJs@ rchung95
  • vuefire-auth使用 Firebase 进行 Vuefire Vue2-Auth-Email 验证
  • vuefire-realtimedatabase具有 Firebase 的 Vuefire Vue2-RealtimeDatabaseCRUD
  • vuefire-storage具有 Firebase 的 Vuefire Vue2-Storage
  • vue2-PWA-Blog@ deepak-singh
  • vue-firebase-auth-vuex具有 Vuex 的 Vue2 Firebase 身份验证，并支持渐进式 Web 应用程序
  • vue-chart-stater-kit使用 Vue 路由器，Vue 图表，Element-UI 的快速入门
  • vue2.0-demos使用 mint-ui，Element-UI，并有一些演示(选择城市等)
  • conwayConway 在 Vue 中的生活游戏。
  • vuex-feature-scoped-structure功能范围 vuex 应用程序结构的示例应用程序
  • vuex-examples-有关使用 Vuex 构建真实世界应用程序的简单示例
  • vue-vuex-todomvc-示例 TodoMVC Vue.js 应用程序具有通过 REST 的 Vuex 存储和服务器后端以及使用赛普拉斯(Cypress)的全套 E2E 测试。 io测试运行程序。
  • vuejs-sqljs-boilerplate-这是同时使用 Vue.js 和 sql.js 的样板
  • X-WebDesktop-Vue- [OXOYO]基于 Vue 的 WebDesktop 系统(https://github.com/OXOYO)
  • vuejs-music-player-一个 Vue.js 精简音乐播放器
  • Vue.js 最佳实践示例项目-使用 Vue.js + Vue 路由器+ Vuex + Vuelidate 的最佳实践示例项目
  • [Vue.js 一个]客户端- [一个]用 Vue2.5 编写的客户端
  • Vue.js 2.5，带有 vue-cli v3，包括使用 auth0 进行身份验证，作者多米尼克·安格(Dominik Angerer)，Storyblok
  • Skeleton Vue + TypeScript-TypeScript，VueJS，ElementUI，Vue Router，Vuex，材质图标，BrowserSync，Dockerfile
  • @jesalg的PENV Starter-有关如何在 VueJS，Express 和 PostgreSQL 中使用的基本示例连词。
  • vue-relay-examples-使用 vue-relay 的示例应用程序的集合。
  • laravel-vue-boilerplate-具有用户 CRUD 的 Laravel 5.5 SPA 样板，使用 Vue.js 2.5，Bootstrap 4，TypeScript，Sass，Pug 和笑话。
  • Vue 设计系统-用于使用 Vue.js 构建 UI 设计系统的开源样板。
  • Vue Bulma 演示-一个简单的演示网站，可联合检查 Bulma / Vue JS 和 express。
  • 准备好使用 TypeScript，vuex，vue-router，HMR 等进行生产的入门应用程序
  • vue.js 与 laravel 结合的前阶段分离开发模板-laravel 护照/ Vue.JS 和 Element UI 的模板网站。
  • 由 Vue.js 进行的 Web 开发动手，作者：Roman Kuba，Packt。(2018 年 5 月)
  • Vue 在线商城-在线 SPA 演示，基于 VUE 开发的前分离电子商城前端项目
  • FUE-使用 Vue.js + Vue 路由器+ Vuex + Vuetify + FeathersJS 的 Admin SPA 客户端和服务器端样板
  • Vue + TypeScript 食谱-一本小小的食谱，涵盖了一些不太明显的解决方案，供人们开始使用 Vue + TypeScript
  • Vuejs 示例
  • ASP.NET Core Vue 入门 CLI 3.0使用 Vue CLI 3.0 和自定义配置(默认 TypeScript，Vue，路由器)的 Vue 入门模板，Vuex，Vuetify)通过@SoftwareAteliers与 ASP。＆＃8203; NET Core 集成(2018 年 9 月)
  • vue-soundcloud由Soroush Chehresa用 Vue.js 2 构建的 Soundcloud 客户端。
  • vue-cart一个由 vue，vuex 和 vue 路由器制成的简单购物车。通过crisgon
  • Nuxt + Apollo + Element一个带有 Nuxt，Element(自定义主题)和 Vue Apollo 的 Vue.js SSR 样板。
  • vue-daily-zhihu由walleeeee使用 Vue 2.0 和 vue-router＆vuex 构建的简单演示)
  • 木炭使用 Vue CLI 3.0 并由[Seth Davis]用 Bulma 样式设置的入门模板(https://github.com/setholito)
  • 带有 TypeScript 的多页 ASP.NET Core Vue-多页 ASP.NET Core Vue，Typescript，Vuex，Vue 路由器，布尔玛，Sass 和 Jest 应用程序。有关如何在.NET Core MVC 中将 Vue.js 用作多页(多个迷你 spa)应用程序的模板/起点。
  • CION-Vue.js 的设计系统样板-一个主要为 Vue.js 应用程序设计的设计系统。它利用设计令牌，带有集成代码游乐场的生活风格指南以及用于常见 UI 任务的可重用组件。
  • Vue websockets 示例-使用 Vue.js 2 + Node 项目的 Websockets 使用的基本示例，以获取完整的工作示例。
  • Vue(2.0)+ Node.js：一个博客，作者@ FatDong1
  • vue-todo-list待办事项列表示例应用程序基于 Vue + Vuex + Vuetify + Vee-Validate
  • Vue.js 和 Ionic v4 示例-一组如何在 Vue.js 中使用 Ionic v4 的示例
  • 使用 Vue，Vuex 和 Vue-Router 的个人网站- MuratcanŞentürk 用 vue，vuex 和 vue-router 制作的简单网站示例
  • 客户端 Vue.js- 演示-Vue.js 客户端端，用于[Justin Wash]的微型，快速加载，无 node.js 的单页应用程序(https://github.com/Trifectuh)
  • 大型 Vue.js 应用样板+ Vuex
  • 无画布的 Vue.js 上的蛇游戏
  • 使用 CometChat 构建 Vue 聊天应用

书籍

  • Vue.js je 下，作者：Alex Kyriakidis 和 Packt 的 Kostas Maniatis。(2016 年 11 月)
  • 学习 Vue.js 2，作者：Packt 的 Olga Filipova。(2016 年 12 月)
  • Vue.js 2 的威严，作者：Alex Kyriakidis 和 Lestapub 的 Kostas Maniatis。(2017 年 3 月)
  • Vue.js 2 Cookbook，作者是 Andrea Passaglia，Packt。(2017 年 5 月)
  • Vue.js 实战，作者 Erik Hanchett 和 Benjamin Listwon(2018 年春季)
  • 测试 Vue.js 应用程序作者 Edd Yerburgh(2018 年夏季)
  • Vue.js 2 和 Bootstrap 4 Web 开发，Packt 的 Olga Filipova。(2017 年 9 月) -Casa doCódigo 的 Leonardo Vilarinho 的Front-end com Vue.js。(2017 年 11 月) -Packt 的 Guillaume Chau 撰写的Vue.js 2 个 Web 开发项目。(2017 年 11 月)
  • Full-Stack Vue.js 2 和 Laravel 5，Packt Anthony Gore。(2017 年 12 月)
  • [Package Mike Street 的Vue.js 2.x 示例。(2017 年 12 月) -Oleksandr Kocherhin 的Mastering Vue.js。(2018 年 1 月)
  • Fullstack Vue：Vue.js 完整指南，作者：哈桑·迪吉德(Hassan Djirdeh)，内特·默里(Nate Murray)和阿里·勒纳(Ari Lerner)。(2018 年 3 月) -Packt 的 Paul Halliday 撰写的Vue.js 2 设计模式和最佳做法。(2018 年 3 月)
  • Vuex 快速入门指南，作者：Packt 的 Andrea Koutifaris。(2018 年 4 月)
  • 使用 Vue.js 和 Node 进行全栈 Web 开发，作者：Aneeta Sharma，Packt。(2018 年 5 月) -Flavio Copes 的Vue 手册。(2018 年 7 月)
  • ASP.NET Core 2 和 Vue.js，作者：Stuart Ratcliffe，Packt。(2018 年 7 月)
  • [Vue.js：解释性解释](Casa doCódigo 的 Caio Incau)(https://www.casadocodigo.com.br/products/livro-vue)。(2017 年 9 月)
  • 了解 Vue.js，作者是 Brett Nelson，Apress。(2018 年 8 月)
  • 精益：构建与部署，作者 Leanpub 的 Daniel Schmitz。(2018 年 9 月)
  • 由 Spring 5 和 Vue.js 2 构建应用程序，作者：James J. Ye，Packt。(2018 年 10 月)
  • Vue.js 快速入门指南，Packt 的 Ajdin Imsirovic。(2018 年 10 月) -Frederik Dietz 撰写的Vue.js 组件模式课程(2019 年 4 月)

博客文章

  • Vue x Hasura GraphQL
  • 在 Vue.js 中使用 GraphQL 突变
  • 了解如何使用 Vue.JS 构建数据驱动的搜索 UI
  • 使用 GitLab CI / CD 将 Vue.js 应用程序自动部署到 AWS S3
  • 将 Vue 应用程式码头化
  • 使用 Docker 和 Gitlab CI 将 Flask and Vue 应用程序部署到 Heroku
  • [Kevin Peters]的大型 Vuex 应用程序结构
  • [Kevin Peters]的在 Vue.js 中构成计算属性
  • 通过实际示例了解如何重构 Vue.js 单个文件组件由Kevin Peters

开源的