你好赵伟

这个屌丝很懒，什么也没留下！

热门标签

❤️❤️❤️前端成神之路必看学习资源（一），建议收藏起来，偷偷学习！！！❤️❤️❤️

作者：你好赵伟 | 2024-03-07 20:59:18

踩

学习资源

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

在这里插入图片描述

网站资源

大佬收藏夹

【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

CDN加速

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

正则

正则可视化

其他

设计

创造师导航
设计师网址导航
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资

官方资源

外部资源

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 模块或获取有关模块的想法

会议

播客

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 渠道

官方例子

讲解

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-vue moonou基于 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 月)

博客文章

开源的

PageKit-使用 Symfony 组件和 Vue.js 构建的模块化轻量级 CMS。
npmcharts.com-比较 npm 软件包并发现下载趋势。
Koel-可以正常工作的个人音乐流服务器。
Raven 阅读器-使用原子电子和 vue.js 制作的简单 RSS 阅读器。
Gokotta-由电子和 vue 构建的简单音乐播放器。
CoPilot-基于 AdminLTE 和 vue.js 集成的管理门户。
Retrospectify-在敏捷团队中进行协作回顾的简单工具。
jade-press-基于 mongodb，nodejs，koa，vue 等的 Cms。
astralapp-轻松组织 GitHub Stars。
EME-优雅的 Markdown 编辑器。
Github-explorer-一个可以帮助您更好地检查 github 的水疗中心。
酒店-从浏览器启动开发服务器，并在几秒钟内获得本地域。
Surfbird-使用现代网络技术编写的 Twitter 客户端。
Approach0-一个可识别数学的搜索引擎。
Flox-自托管电影，系列和动漫观看列表。
JavaScript Guessing Game-用于识别 JavaScript 工具和库的游戏。
vue-ghpages-blog-Vue.js 2 + Webpack 2 基于 GitHub 页面的博客。
Vuedo-使用 Laravel 和 Vue.js 构建的博客平台。
vue-music163-一个 Vue.js 音乐项目。
Tomato5-实时协作工具，它将 Pomodoro 技术与团队状态共享板结合在一起。
Web 学习-一种服务，可让您轻松访问有关 Web 开发和编程的数千个视频教程。
ExcelJSON-一种将 CSV，TSV 与 JSON 相互转换的工具。
Materialize-blog-使用 Laravel5.3 和 Vue2.x 构建的材料博客。
VueCompomnentGenerator-在浏览器上生成 vue 单个文件组件。
SDR 新闻-来自多个来源(Reddit，Hacker News 和 Prominent Blogs)的 Web 设计人员和开发人员新闻。
PJ Blog-使用 Laravel 和 Vue.js 构建的开源博客。
Lulumi-browser-Lulumi-browser 是使用 Vue.js 2 和 Electron 编码的轻型浏览器。
vue-wordpress-pwa
OpenAPI 3 查看器-浏览并测试 OpenAPI 3.0 规范中描述的 REST API
Stacer-Linux 系统优化程序和监视
Distrochooser.de-Linux 初学者的入门指南
Buka-电子书管理
文档-一个无需构建过程即可编写文档的框架
pm86-Node.js 应用网站的生产流程经理
vms-一个 Vue.js 2.0 管理系统
nativescript-vue-NativeScript 渲染器的 Vue.js 实现。
piper-基于 Vue 的拖放式移动网站构建器。
mmf-blog-vue2-基于 Vue2(Vue-router，Vuex)和 Webpack2 的博客。
媒体管理器-Web 文件管理器。
dyu / bookmarks-一个由 leveldb 驱动的自包含，自托管的书签应用程序，由 Vue2.1.x 构建。
JSON 模式编辑器-JSON 模式的直观编辑器。使用 Vue.js 2 和 Firebase 开发。
npm-stats-npm 包下载统计信息面板
vue2-admin-lte-一个将 AdminLTE 转换为可与 Vuejs(v2.x)一起使用的项目。
Dockeron-基于 Electron + Vue.js 构建的桌面 Docker 项目。
Flamme-一个基于 Education 和 Vue.js 构建的开源 Tinder 桌面客户端，用于教育目的
Goldfish-使用 VueJS，Golang 和 Bulma CSS 构建的 HashiCorp Vault UI
管理-基于Vuetify的管理控制台，请选中[在线演示](http：// adminify。 genyii.com)
提示-用 Vue.js 编写的框架，用于在 Web 浏览器中创建类似命令行的界面。
Hare- 本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/207493