来自非前端专业Vue方向的前端学习资料导航，我的本职工作是测试，并不精通前端，学习Vue为了开发测试平台，点评仅限于本人当前的前端水平，欢迎指正。
# 图书
以《》标记的是出版书籍，有链接的是在线图书，二者兼有的表示有开源版本或者第三方翻译版本
| 标题 | 点评 |
|---|---|
| 《从0到1：HTML+CSS快速上手》 | 通俗易懂，只有基础知识，根据内容类型归纳讲解，可以用来当参考书，当然这本太基础肯定是不够用的。 |
| 《深入解析CSS》 | 没看完，但基础部分就吸引了我，比如层叠、优先级、继承，让我知道样式为什么不生效，知其然知其所以然 |
| 现代JavaScript教程 (opens new window) | 以最新的JavaScript标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的JavaScript相关知识。 |
| 《JavaScript高级程序设计（第4版）》 | JavaScript“红宝书“，前端圈公认的JavaScript经典，新版涵盖ECMAScript2019，建议多读几遍。 |
| 《Vue.js快跑：构建触手可及的高性能Web应用》 | 讲解Vue2基础、vue-router和vuex，简洁明了，思路清晰，未深入讲解，少了实战演练，可以结合视频资料查漏补缺。 |
| 前端工程化：基于 Vue.js 3.0 的设计与实践 (opens new window) | 以 Vue. js 的 3.0 版本为核心技术栈，围绕 “前端工程化” 和 TypeScript 的知识点展开讲解 |
| TypeScript入门教程 (opens new window) | 从JavaScript程序员的角度总结思考，循序渐进的理解TypeScript，适合入门。千万别下载电子书，电子书基础部分的章节顺序是逆序的，不然会有跟欧阳锋一样逆练九阴真经的感觉，别问我怎么知道的！ |
| 《深入理解TypeScript》 (opens new window) | 没看完暂不评价。 |
# 视频
| 标题 | 资料 | 点评 |
|---|---|---|
| Vuejs教程，从入门到精通 (opens new window) | Vue学习笔记 (opens new window) | Vue2教程，作者：王红元，讲解详细：有JavaScript高阶内容补充，有原理讲解，收获B站无数好评。不过实战项目的API不稳定，看看前面的基础就好 |
| 手把手教你开发Vue实战项目+ELementUI的前后端分离后台管理系统 (opens new window) | Vue基础讲的很粗，主要看UI的使用思路 |
# 小册
| 标题 | 点评 |
|---|---|
| 前端小课 (opens new window) | 没细看，不点评 |
| 前端修炼小册 (opens new window) | 没细看，不点评 |
# 工具
| 名称 | 推荐理由 |
|---|---|
| pnpm (opens new window) | 快速、节省磁盘空间的包管理器，Vue官方在用 |
| Vite (opens new window) | Vue官方推荐，用过这个绝对不想回到vuecli，预览非常快 |
| Volar (opens new window) | Vue官方推荐的Vue3配套VSCode插件 |
| eslint-config-alloy (opens new window) | 腾讯前端团队Alloy的ESlint代码检测规则 |