• Stars
    star
    947
  • Rank 48,269 (Top 1.0 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 4 years ago
  • Updated 9 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

超过 230w+ 阅读人次的《Vue3 入门指南与实战案例》,关于前端工程化开发的基础知识点,以及 TypeScript 、 Vue 3 、 Pinia 的入门学习指南。

learning-vue3

Vue 3.0 从 2020 年 9 月份中旬正式发布,到 2022 年 2 月份代替 Vue 2 成为 Vue 的默认版本,经过长达一年半的市场验证,已经证明了它可以完美地支持常见的企业需求,适合投产使用,未来会被越来越多的企业所采用,只会 Vue 2 将远远不能满足企业的技能要求。

本书以 Vue.js 的 3.0 版本为核心技术栈,围绕 “前端工程化” 和 TypeScript 的知识点展开讲解,读者可以收获到:

  1. 了解如何入门前端工程化开发,掌握 Node.js 和 npm 的使用
  2. 掌握前端领域多年来趋势走高、带有类型支持的 TypeScript 语言
  3. 上手主流前端框架 Vue.js 的全新版本,并且在遇到常见问题时知道如何解决

本书的每一个小节都融入了笔者多年的开发实践经验,大部分知识点都搭配了通俗易懂的讲解和可实现的代码案例,在阅读的过程中可以亲自敲代码加强学习印象,毕竟上手一个新技术栈最快的方法,就是一边 Reading 一边 Coding 。

适合人群

本书作为一本入门类教程,主要面向以下读者人群:

  1. 掌握了基础的 HTML 页面编写知识,想学习一个主流前端框架的新手前端工程师
  2. 已经学会了 Vue 2 ,面对 Vue 3 的大版本更新,想快速上手使用的前端工程师
  3. 非职业前端开发,但涉及前端的工作,需要掌握一个主流前端框架的全栈工程师

内容说明

本书根据笔者多年的前端开发经验和一线团队管理经验,将 Vue 3 的知识点按照工程师做项目的顺序梳理成章,一步一步帮助工程师入门前端工程化和 Vue 3 的开发。

书中包含了很多在构建项目过程中容易遇到的问题点和解决方案,对 Vue 3 和 Vue 2 差异化较大的功能点还进行了版本之间的写法对比。

这一点和各个技术栈的官方文档有比较大的不同,官方文档更适合作为一本工具书,方便在需要的时候对 API 进行检索查询。

目前笔者所带领的前端团队已经全员使用 TypeScript 和 Vue 3 进行日常的开发工作,团队成员的学习过程都非常顺利,各位开发者可放心阅读。

开始阅读

点击在线阅读:https://vue3.chengpeiquan.com/

License

MIT License © 2020 chengpeiquan

More Repositories

1

vue-picture-cropper

A simple and easy-to-use picture cropping component for Vue 3. 一个简单易用的Vue 3图片裁剪组件。
TypeScript
113
star
2

vite-plugin-banner

A banner plugin for Vite. It can adds a banner to the top of each generated chunk.
TypeScript
93
star
3

chengpeiquan.com

My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.
Markdown
49
star
4

cooking-cookbook

关于如何下厨烹饪的菜谱和教程,我是小红书美食博主 @底迪 。
Markdown
34
star
5

vue-picture-cropper-demo

A live demo for vue-picture-cropper.
Vue
12
star
6

refresh-token

The refreshToken scheme and demo based on OAuth 2.0 for Front end developer.
Vue
11
star
7

bassist

This is my commonly used tool chain and configuration. 这是我常用的工具链和配置。
TypeScript
9
star
8

vite-vue3-prerender-demo

A prerender demo for Vue 3 base on Vite.
TypeScript
6
star
9

group-buy-calculator

A takeaway billing calculator, no need to worry about red envelopes, redemption coupons and other messy reductions, it will automatically calculate the discount ratio to get the final bill.
TypeScript
5
star
10

vue-skeleton

Vue
3
star
11

assets-storage

Used to store static resources and access resource links through jsdelivr CDN.
3
star
12

chengpeiquan

A man with full tattoos on the arms, and raised three cats.
3
star
13

vpc-nuxt3-demo

vue-picture-cropper in nuxt 3.
Vue
3
star
14

zhihu-collection-helper

知乎收藏夹助手
TypeScript
3
star
15

css2base64

css2base64
CSS
2
star
16

vue-toast

Vue
2
star
17

sponsor

Thank you for the support!
2
star
18

my-netease

Record my work and life in Netease in the last five years.
Vue
2
star
19

youtube-playlist-sort

皆大歡喜II (粵語中字)
TypeScript
2
star
20

canvas-movie-jitter-effect

A demo about canvas-movie-jitter-effect.
HTML
2
star
21

search-children-api-example

The API example code for search children, use in 404 page.
JavaScript
2
star
22

SVG

Vue
2
star
23

.github

Global repo configuration.
2
star
24

vuepress-example

An example for vuepress.
2
star
25

react-forage

localForage Hooks and Providers for React.
TypeScript
2
star
26

vue3-ref-example

An example for vue 3.0 ref API.
Vue
1
star
27

withtypes

No need to install the @types package anymore.
TypeScript
1
star
28

vitesse-demo

A demo for Vitesse.
TypeScript
1
star
29

VirtuaNES

VirtuaNES Client and Nes Games.
1
star