Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
f8ee0e64
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3216
Star
106
Fork
815
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
94
列表
看板
标记
里程碑
合并请求
70
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
94
Issue
94
列表
看板
标记
里程碑
合并请求
70
合并请求
70
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
未验证
提交
f8ee0e64
编写于
6月 27, 2022
作者:
DCloud_Heavensoft
提交者:
Gitee
6月 27, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs/tutorial/typescript-subject.md.
上级
22b98e0d
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
26 addition
and
11 deletion
+26
-11
docs/tutorial/typescript-subject.md
docs/tutorial/typescript-subject.md
+26
-11
未找到文件。
docs/tutorial/typescript-subject.md
浏览文件 @
f8ee0e64
### TypeScript 支持
在 uni-app 中使用 ts 开发,请
参考
[
Vue.js TypeScript 支持
](
https://cn.vuejs.org/v2/guide/typescript.html
)
说明。
uni-app 支持使用 ts 开发,可
参考
[
Vue.js TypeScript 支持
](
https://cn.vuejs.org/v2/guide/typescript.html
)
说明。
类型定义文件由 @dcloudio/types 模块提供,安装后请注意配置 tsconfig.json 文件中的 compilerOptions > types 部分,如需其他小程序平台类型定义也可以安装,如:miniprogram-api-typings、mini-types。对于缺少或者错误的类型定义,可以自行在本地新增或修改并同时报告给官方请求更新。
### 开发方式@vue-ts
-
HBuilderX创建的项目
在 vue 或 nvue 页面的 script 节点,添加属性
`lang="ts"`
```
html
<script
lang=
"ts"
>
// 这里编写ts代码
</script>
```
-
cli创建的项目
需要在创建项目时就指定ts,具体请另行参考
[
文档
](
https://uniapp.dcloud.io/quickstart-cli.html#install-vue-cli
)
### 修改 Typescript 配置
在根目录创建
`tsconfig.json`
文件,并进行个性化配置,推荐配置如下:
```
```
json
//
tsconfig.json
{
"compilerOptions"
:
{
...
...
@@ -21,18 +38,16 @@
}
}
```
### cli 命令行创建 ts 项目
参考
[
文档
](
https://uniapp.dcloud.io/quickstart-cli.html#install-vue-cli
)
### TypeScript 支持版本
uni-app 的 vue2 模式,nvue 文件中不支持编写 ts。vue 文件中可以使用 ts,但 ts 版本根据项目类型有区别。HBuilderX 创建的项目使用 ts 3.7.5,cli 创建的项目使用 ts 3.0.0。
\
uni-app 的 vue3 模式,vue 文件及 nvue 文件均支持最新版 ts。
### 注意事项
在 uni-app 中使用 ts 需要注意以下事项。
个性化配置是可选的,没有
`tsconfig.json`
时会自动使用默认配置运行。
### TypeScript 支持兼容性说明
-
uni-app 的 vue2 模式:nvue 文件中不支持编写 ts。vue 文件中可以使用 ts,但 ts 版本根据项目类型有区别。HBuilderX 创建的项目使用 ts 3.7.5,cli 创建的项目使用 ts 3.0.0。
-
uni-app 的 vue3 模式:vue 文件及 nvue 文件均支持最新版 ts。
###
# 在 vue 文件的 script 节点声明 lang="ts"@vue-ts
###
注意事项
声明
`lang="ts"`
后,该 vue 文件 import 进来的所有 vue 组件,均需要使用 ts 编写。
声明
`lang="ts"`
后,该 vue
/nvue
文件 import 进来的所有 vue 组件,均需要使用 ts 编写。
**示例代码**
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录