Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

update docs\typescript.md and docs\upgrade.md #305

Merged
merged 6 commits into from
Apr 4, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/typescript.md
Original file line number Diff line number Diff line change
Expand Up @@ -635,7 +635,7 @@ function isArticle(

```

再举个例子,是用 Vue 做页面,会涉及到子组件或者 DOM 的操作,当它们还没有渲染出来时,获取到的是 null ,渲染后才能拿到组件或者 DOM 结构,这种场景也可以使用联合类型:
再举个例子,使用 Vue 做页面,会涉及到子组件或者 DOM 的操作,当它们还没有渲染出来时,获取到的是 null ,渲染后才能拿到组件或者 DOM 结构,这种场景也可以使用联合类型:

```ts
// querySelector 拿不到 DOM 的时候返回 null
Expand Down Expand Up @@ -939,7 +939,7 @@ getFirstWord(123)

这里的 any 类型,就是 TypeScript 任意值。

既然报错是 “隐式” ,那 “显式” 的指定就可以了,当然,为了程序能够正常运行,还提高一下函数体内的代码健壮性
既然报错是 “隐式” ,那 “显式” 的指定就可以了,当然,为了程序能够正常运行,还要提高一下函数体内的代码健壮性

```ts{2,4}
// 这里的入参显式指定了 any
Expand Down
14 changes: 7 additions & 7 deletions docs/upgrade.md
Original file line number Diff line number Diff line change
Expand Up @@ -441,7 +441,7 @@ trim_trailing_whitespace = false

特别是写 TypeScript ,配合 ESLint 的检查实在太爽了(字面意思,真的很舒服)。

通过脚手架创建的项目通常都会帮配置好 ESLint 规则,如果有一些项目是一开始没有,后面想增加 ESLint 检查,也可以手动配置具体规则。
通过脚手架创建的项目通常都会帮开发者配置好 ESLint 规则,如果有一些项目一开始没有,后面想增加 ESLint 检查,也可以手动配置具体规则。

这里以一个 Vite + TypeScript + [Prettier](#prettier) 的 Vue 3 项目为例,在项目根目录下创建一个名为 `.eslintrc.js` 文件,写入以下内容:

Expand Down Expand Up @@ -501,14 +501,14 @@ dist/*

要问现在前端工程师用的最多的代码编辑器是哪个,肯定是 Visual Studio Code 了!

与其他的编辑器相比,有这些优点
与其他的编辑器相比,VSCode有这些优点

- 背靠 Microsoft ,完全免费并且开源,开箱即用
- 可以通过简单的配置调整来满足之前在其他编辑器上的习惯( e.g. Sublime Text )
- 开发者可以通过简单的配置调整来满足之前在其他编辑器上的习惯( e.g. Sublime Text )
- 轻量级但功能强大,内置了对 JavaScript、TypeScript 和 Node.js 的支持,
- 丰富的插件生态,可以根据的需要,安装提高编码效率的功能支持,以及其他的语言扩展
- 智能的代码补全、类型推导、代码检查提示、批量编辑、引用跳转、比对文件等功能支持
- 登录的 GitHub 账号即可实现配置自动同步,在其他电脑上直接使用的最习惯配置和插件
- 拥有丰富的插件生态,开发者可以根据需要,安装提高编码效率的功能支持,以及其他的语言扩展
- 支持智能的代码补全、类型推导、代码检查提示、批量编辑、引用跳转、比对文件等功能
- 登录 GitHub 账号即可实现配置自动同步,在其他电脑上直接使用最习惯的配置和插件

当然,还有非常多优点可自行体验!

Expand Down Expand Up @@ -624,7 +624,7 @@ export default defineComponent({

项目的初始化都是在入口文件集中处理,Vue 3 的目录结构对比 Vue 2 没有变化,入口文件依然还是 main.ts 这个文件。

但是 Vue 3 在初始化的时候,做了不少的调整,代码写法和 Vue 2 是完全不同,但是对于这次大改动,笔者认为是好的,因为统一了相关生态的启用方式,不再像 Vue 2 时期那样多方式共存,显得比较杂乱。
但是 Vue 3 在初始化的时候,做了不少的调整,代码写法和 Vue 2 完全不同。对于这次大改动,笔者认为是好的,因为统一了相关生态的启用方式,不再像 Vue 2 时期那样多方式共存,显得比较杂乱。

### 回顾 Vue 2

Expand Down
Loading