基于IDEA搭建TS环境

最新推荐文章于 2024-12-26 21:59:10 发布
最新推荐文章于 2024-12-26 21:59:10 发布
阅读量3.6k 收藏 3
点赞数 1
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48251552/article/details/127291784
版权

1.安装node:去官网或用homebrew
2.检查安装是否成功

node -v
npm -v

3.安装ts并应用到全局

npm install -g typescript

4.检查安装是否成功

tsc -v

5.配置idea
在这里插入图片描述
选择ts的安装路径,记得勾选在更改时重新编译,这样在操作ts文件时候转译的js才会自动同步

6.编写一个helloworld文件运行
构建ts文件,会自动转译生成一个附属的js文件.

第一种方式:在终端中操作:

tsc 文件名.ts
node 文件名.js

在这里插入图片描述
第二种方式:
写好后在ts文件右上方点绿色小锤子构建项目,自动生成js后缀的附属文件后,选中js文件点运行

补充:切记更改内容是编辑的ts文件,因为js是根据ts自动生成的,在第5步中勾选了在更改时重新编译后,在ts中更改内容后重新build后,更改才会同步到js

楪y
关注
【Vue3+TypeScript】---搭建项目开发环境
贤蛋大眼萌
07-19 1034
多一些不为什么的坚持🤳这里是大眼(◉ɷ◉)萌–贤蛋🥚，一名很普通但不想普通的程序媛🙊。
vue3+ts+pinia+vant-项目搭建
cwjxyp的博客
07-31 1016
/src├── assets `静态资源，图片...`├── components `通用组件`├── router `路由`├── api `接口服务API`├── stores `状态仓库`├── styles `样式`├── types `TS类型`├── utils `工具函数`├── views `页面`├── main.ts `入口文件`└──App.vue `根组件`
ideats:TypeScript [WIP]中的事件管理系统
04-17
主意 该项目是的事件管理系统。
RN 使用IDEA搭建TypeScript（ts）开发RN环境
DeMonnnnnn
09-04 2313
TypeScript 始于JavaScript，归于JavaScript 强大的工具构建 大型应用程序 先进的 JavaScript 首先我们安装TS依赖 yarn add -D typescript 安装types yarn add -D @types/react @types/react-native 配置tsconfig.json tsc --init --pretty --source...
idea调试ts
in_the_road的博客
03-13 1782
3、安装ts依赖包（可以用于打印console）2、全局安装ts-node。1、安装IDEA插件。
Intellij idea设置支持TypeScript
不积跬步，无以至千里；不积小流，无以成江海。
06-15 1万+
1.查看本地是否安装typeScript tsc -version 如果没有显示版本，则证明没有安装typeScript 2.安装typeScript npm install -g typescript 注意，需要先安装nodejs 3.打开idea，依次找到如下界面 确定即可 ...
typescript环境安装及IDEA配置typescript
千里之行，始于足下！
01-10 9377
一、typescript环境安装 1、安装node、npm 下载官网安装包： http://nodejs.cn/download/， 双击运行 2、安装完node、npm后，查看是否安装成功 node -v npm -v 3、安装typescript npm install -g typescript 4、安装后查看typescript是否安装成功 tsc -version 或者 ts...
基于jweixin-1.6.0.js最新版本，搭建springboot web项目，实现微信分享，分享朋友圈，完整idea源码
08-14
基于jweixin-1.6.0.js最新版本，搭建springboot web项目，实现微信分享，分享朋友圈，完整idea源码。 源码使用方法： 1.参考《H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码）...
分布式基础环境搭建
Roc的博客
04-10 1085
解压生成的压缩包，将需要的文件复制到项目。-v /mydata/mysql/conf:/etc/mysql/conf.d：将配置文件夹挂载到主机。-v /mydata/mysql/data:/var/lib/mysql/：将配置文件夹挂载到主机。-v /mydata/mysql/log:/var/log/mysql：将日志文件夹挂载到主机。初始化完成后，使用 gitee 仓库中项目的HTTPS链接，在IDEA获取并打开项目。在 pom 文件中添加公共的依赖，在其他项目中引入 common 依赖；
【ANGULAR网站开发】初始环境搭建
New_hl的博客
12-26 928
需要安装npm和nodejs，这边不在重新安装直接安装最新版本的angular安装指定大版本的angular。
video TS文件
10-27
一个TS流文件，用于播放TS的视频格式，播放TS
idea或vscode支持vue语法，ts可解析*.vue
DN金猿的博客
06-23 828
方式一、在tsconfig.json中配置 "compilerOptions": {.... "allowJs": true, }方式二、找到vite-env.d.ts文件或者env.d.ts文件，添加如下代码。刚开始导入时，在vscode中的vue文件中内容都是灰色的。1.idea或webstorm安装vue.js插件。2.在vscode中。
TypeScript编译方案以及IDE对TS的类型检查
qq_41146932的博客
07-30 961
其实这篇文章并非是全新的文章，早在22年的8月份，我就写了一篇名为《TypeScript与Babel、webpack的关系以及IDE对TS的类型检查》的文章，里面的内容就包含了本文的内容，但迫于当时编写的匆忙，整个文章的结构安排的不好，脉络不清晰，东一块西一块想到哪里写到哪里，同时还想把webpack相关的也介绍了，所以最终内容比较多比较乱。有强迫症的我一直以来对当时的文章都不是很满意。
怎样在vscode、webstorm、Intellij idea等ide里配置？设置支持TypeScript？
南北极之间
06-08 762
怎样在vscode、webstorm、Intellij idea等ide里配置？设置支持TypeScript？
如何在IDEA创建新的项目
小小程序媛
08-24 1万+
1)点击新建项目,进入下一步2)点击下一步3)选择是否按照模板创建,勾选的话,会直接给你的项目一些初始的目录和参数4)确认项目的地址和名称,地址可以直接手写,也可以直接点击选择,不存在的目录,idea会自己创建,见下图:5)创建完成后,可以看到项目啦。
intellij idea 15配置typeScript
luyilaosan的博客
05-05 1万+
选择 file—>Settings,进入Settings弹窗。 打开Lanuages&Frameworks,选择Typescript。 配置如下图： 进入网站 https://nodejs.org/en/download/，选择自己的电脑版本下的nodejs应用。 我用的win10,选择如下图： Node interpreter下，选择下载好的nodejs应用即可
IDEA 中贼好用的插件-开发利器
qq_40388552的博客
08-19 1108
IDEA 中贼好用的插件-开发利器
IDEA的基本使用：让你的IDEA有飞一般的感觉
热门推荐
琦彦
09-06 4万+
1.设置maven 在File->settings->搜索maven Mavan home directory--设置maven安装包的bin文件夹所在的位置 User settings file--设置setting文件所在的位置 Local repository--设置本地仓库的 2.IDEA 设置代码行宽度 在File->settings->E...
Intellij IDEA安装与破解
tsvico的博客
03-17 551
IntelliJ IDEA是java语言开发的集成环境，这款开发IDE虽然占据的市场份额少，但是得到了网友们的一致好评，被公认为最好的java开发工具之一，在Java，HTML，CSS，PHP，MySQL，Python等代码自动提示、重构、J2EE支持、各类版本工具(git、svn、github等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能都很方便齐全。刚刚下载安装完成，顺...
idea配置deno
最新发布
01-04
### 如何在 IntelliJ IDEA 中配置 Deno 环境 #### 安装 Deno 插件 为了更好地支持 Deno 开发，在 IntelliJ IDEA 中安装官方提供的 Deno 插件是一个不错的选择。插件提供了诸如语法高亮、自动补全等功能。 前往 `File` -> `Settings` -> `Plugins`，搜索 "Deno" 并点击安装按钮完成安装过程[^1]。 #### 配置 Deno 解释器 安装完成后，需要指定 Deno 的路径来让 IDE 正确识别它： 进入 `File` -> `Settings` -> `Languages & Frameworks` -> `JavaScript` -> `Deno`， 在这里可以设置 Deno SDK 路径以及启用或禁用特定功能选项。 对于命令行工具而言，默认情况下全局安装的 deno 可执行文件会被自动检测到；如果未被发现，则需手动输入其所在位置。 #### 创建并运行 Deno 项目 创建新项目时可以选择基于 TypeScript 或 JavaScript 构建，并勾选 Use Deno 来初始化一个兼容于 Deno 运行时的新工程结构。 当打开现有代码库时，可以通过右键单击任意 .ts 文件选择 Run 'deno run ...' 来启动应用或者测试脚本。 ```bash deno run hello.ts ``` 通过上述步骤可以在 IntelliJ IDEA 上顺利搭建起适合开发 Deno 应用程序的工作环境。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值