Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
程序yang
unidocs-zh
提交
f8ee0e64
U
unidocs-zh
项目概览
程序yang
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录