首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏源码库

    typescript开发环境

    如何安装typescript环境? TypeScript环境安装 1.2. VSCode环境搭建 1. 将代码编译为JavaScript的代码 为什么要使用typescript开发? 但只凭 TypeScript的品质及某些独有特性如泛型、注解,就有其存在的极大价值,况且著名框架Angular 2就是使用TypeScript开发的! 好马配好鞍——我觉得TypeScript的最佳开发工具是Visual Studio Code——同属微软出品的优秀编辑器,作为一家公司的两个利器,其搭配使用时浑然天成。 TypeScript 的优点Java Script 只是 一 个脚本 如何使用vs code对typescript的支持? 看看,VS Code对TypeScript的支持是非常到位的。

    49420编辑于 2023-05-25
  • 来自专栏LawD的技术专栏

    TypeScript 开发环境搭建

    选择好安装路径直接安装即可 安装完成后,使用win+R快捷键打开 cmd 命令行窗口,并输入node -v检查是否安装成功 安装解析 TS 的工具包 进入 cmd 命令行窗口 网速好 输入:npm install -g typescript npm:包管理器 typescript:就是用来解析 TS 的工具包,提供了 tsc 命令,实现了 TS -> JS 网速不好 先输入:npm config set registry https:/ /registry.npm.taobao.org(淘宝镜像) 检查:npm config get registry 再输入:npm install -g typescript 检查是否安装成功 输入tsc

    1.2K60发布于 2021-05-13
  • 来自专栏Serverless的前端项目实践

    【腾讯Serverless】腾讯Serverless + Typescript实践

    目的 最近serverless愈来愈火,我刚好在培训,比较有时间去尝试一些新东西,所以趁这个时候去使用下serverless,尝试使用typescript和nodejs开发,部署在腾讯scf上的一个小工具 环境搭建 首先为了方便开发,建议安装腾讯scf提供的命令行工具或者vscode插件。 所以个人认为,最完美的是本地开发的项目代码和交到上的项目代码是一致的,不需要通过额外的脚本去阉割。 这样做的成本很低,而且能达到了我之前说到的理想状态: 本地开发的项目代码和交到上的项目代码是一致的,不需要通过额外的脚本去阉割 实施方法即是,把typescript文件放在src文件夹下,编辑后的js 首先本地开发是没啥问题的,上面提到的尝试,都是为了能够在本地调试成功的同时可以部署到上。

    156.4K52发布于 2019-08-22
  • 来自专栏wfaceboss

    WebStorm开发TypeScript的设置

    Webstorm IDE可以开发TypeScript,同时支持自动编译成js文件,下面我们来进行一些简单的配置。 1.去node.js官网下载安装node.js 2.下载安装新版本的Webstorm 3.使用node的npm命令安装typeScript编译器 npm install typescript -g 安装好 6.打开Webstorm,为TypeScript文件更改编译设置,File->Settings->File Watchers->TypeScript,这里我们需要选择TypeScript,但是File 勾选“TypeScript”,点击ok。 ? ? 这样,typescript的自动编译功能就设置好了,可以发现我们编写的ts文件会自动转为js文件。 ? ?

    6.4K30发布于 2019-04-08
  • 来自专栏LNMP开发那些事

    使用typescript开发chrome扩展

    使用typescript开发chrome扩展 记录一下使用typescript开发chrome扩展的相关配置。 1. 安装依赖 必定需要用到的开发依赖项: chrome-types copy-webpack-plugin ts-loader typescript webpack-cli npm install chrome-types webpack-cli ts-loader typescript copy-webpack-plugin --save-dev 2. 基本目录结构截图 图片 chrome使用typescript目录结构 MySQL多层级树形结构表的搜索查询优化 使用WordPress作为小程序后端——APPID有效性前置检查 使用WordPress 作为小程序后端——小程序请求前置检查 Windows rclone挂载sftp 迁移——从Electron迁移到Eclipse Theia 使用typescript开发chrome扩展 use multiple

    1.1K20编辑于 2023-10-19
  • 来自专栏云前端

    使用 TypeScript 开发 React Hooks

    本文将探讨如何将其和 TypeScript 协同使用。 旧 React 里的 TypeScript TypeScript 由微软设计并沿着 Angular 的路径一路进发,而彼时 React 开发出的 Flow 已然式微。 在 React 类组件中编写原生 TypeScript 着实痛苦,因为 React 开发者不得不同时对 props 和 state 定义类型,即便二者的许多属性是相同的。 Partial<T> 和 Omit<T> 并不存在于 Java 等大部分强类型语言中,但常在前端开发中以各种方式大展身手。它们简化了类型定义的负担。 TypeScript 只有一种泛型的简单 双变(bivariant) 实现,以供 JS 开发者采用。如果对变量命名得当,就能很大程度上避免指鸭为猫。

    2.4K10发布于 2020-07-23
  • 来自专栏全栈之路

    TypeScript+webpack开发js库

    由于近期需要开发一个比较复杂的组件,所以决定采用typescript进行开发。 之前有用过typescript进行开发,用tsc打包后,再用脚本将所有js进行合并,然后再用uglyjs压缩js,但是最终报错了,原因就是合并js的顺序问题,后来用脚本指定合并js的顺序。 本次采用typescript+webpack进行开发,此篇文章记录一下项目的构建流程。 初始化项目 1. 安装依赖 demo/目录下: npm install typescript -save-dev npm install ts-loader -save-dev npm install path -save-dev 已经不同的策略 3. npm相关配置 package.json: { "name": "demo", "version": "0.0.1", "description": "demo , typescript

    2.3K20发布于 2020-05-22
  • 来自专栏我的知识小屋

    智能合约开发——TypeScript 基础(全)

    首先我们准备一个目录,使用 dos 进入到某目录,当然你直接 vs 打开终端执行也是没有问题的: 执行以下命令安装 typescrip(不用进入目录,直接安装即可): npm install -g typescript

    89010编辑于 2022-10-28
  • 来自专栏知识累积

    Vs Code搭建 TypeScript 开发环境

    一.npm install -g typescript 全局安装TypeScript ?

    1.1K20发布于 2019-04-16
  • 来自专栏漫漫前端路

    使用 TypeScript 开发你的项目

    关于 TypeScript 早在去年(2017),TypeScript 赢来了它的爆发式增长。 时至今日,随着 JavaScript 的代码数量越来越庞大,越来越多的开发者意识到 JavaScript 在构建大型项目时的不足之处。 而 TypeScript 能够很好的解决上述问题。 ? TypeScript 最早是在 2012 年十月份由微软开源在 GitHub 上,它是 JavaScript 的一个超集,除了能让我们使用 ES Future 的各种语法外,还提供如 Enum、Tuple 改为 TypeScript 加上简单的类型推断时: ? 可见,它在编译前就已经给出了错误的提示。

    1.5K20发布于 2018-08-30
  • 来自专栏全栈程序员必看

    选用TypeScript开发AngularJS2

    基于上面这两个理由,选择TypeScript语言,水到渠成。对于从java转到前台开发的人来说,简直是意外啊。 3.前端模块化开发一直是我这样的懒人的理想。 TypeScript语言的开发环境,首选当然是微软定身量做的Visual Code,毕竟TypeScript也是微软开源的一种语言嘛。 TypeScript开发工具还可以选择Atom、Sublime Text等,详见:http://www.typescriptlang.org/index.html#download-links AngularJS用TypeScript开发,需要搭建一个脚手架。 ://github.com/angular/angular-cli#generating-components-directives-pipes-and-services 在OSCHINA的码上开了一个项目

    94920编辑于 2022-07-20
  • 来自专栏joealzhou

    React+TypeScript开发--环境搭建

    React+TypeScript开发--环境搭建 学习文档 React TypeScript 一、node环境安装 打开Node.js的官网,它会自动识别所在的环境,推荐你下载相应版本,左侧是持久支持的稳定版本 屏幕快照 2019-07-16 15.23.09.png 二、初始化项目 要将 TypeScript 添加到 Create React App 项目,请先安装它: $ npm install --save typescript @types/node @types/react @types/react-dom @types/jest $ # 或者 $ yarn add typescript @types React App 项目: $ npx create-react-app my-app --typescript //或者 $ yarn create react-app my-app --typescript 接下来,将任何文件重命名为 TypeScript 文件(例如 src/index.js 重命名为 src/index.tsx ) 三、开发工具 VSCode 四、运行项目 在vscode中打开项目后,

    2.6K10发布于 2019-08-23
  • 来自专栏漫漫前端路

    使用 TypeScript 开发你的项目

    关于 TypeScript 早在去年(2017),TypeScript 赢来了它的爆发式增长。 时至今日,随着 JavaScript 的代码数量越来越庞大,越来越多的开发者意识到 JavaScript 在构建大型项目时的不足之处。 而 TypeScript 能够很好的解决上述问题。 TypeScript 最早是在 2012 年十月份由微软开源在 GitHub 上,它是 JavaScript 的一个超集,除了能让我们使用 ES Future 的各种语法外,还提供如 Enum、Tuple 改为 TypeScript 加上简单的类型推断时: 可见,它在编译前就已经给出了错误的提示。

    23810编辑于 2024-02-06
  • 来自专栏『学习与分享之旅』

    开发】-开发概述

    前言 好,经过前面文章的一个介绍就了解了一下微信小程序的一个原生开发,那么了解完了微信小程序的一个原生开发之后,从这篇开始再来了解一下微信小程序的一个 开发。 那么什么是微信小程序的一个开发? ,那么现在我要介绍这个开发,你就要干什么? 你就要选择微信开发,选择使用服务,选择开发的一个基础模板,在这个基础模板当中发现它告诉你在开发当中有什么函数,有什么数据库,有什么存储,有什么托管这类似东西,那这些东西是什么呢? 其实就是本次文章要给大家介绍的开发内容了,所以说什么是我们的一个微信开发?: 微信开方就是学习微信提供的函数、数据库、存储、托管这些东西就可以了。 我们最核心要关注的其实就是函数,数据库,存储就 OK 了。到此为止。什么是开发开发里边的一个函数、数据库、存储都是用来干什么的, 就给他讲明白了。

    88140编辑于 2023-12-10
  • 来自专栏前端笔记ing

    Vue3 + TypeScript 开发实践总结

    在去年年末又把 TypeScript 重新学了一遍,为了上Vue3 的车,更好的开车。 在上家公司4月份时,上级领导分配了一个内部的 党务系统开发 ,这个系统前端是由我一个人来开发,功能和需求也不怎么复杂的一个B 端 系统,直接上的 Vue3 + TypeScript + Element Plus 开发的,开发两周到最后的上线,期间也遇到很多小坑,很多无处可查,慢慢琢磨最后还是克服了。 Vue3 + TypeScript Study [Vue 3] 一, 环境配置 1.1 安装最新 Vue 脚手架 npm install -g @vue/cli yarn global add @vue /cli 1.2 创建Vue3 项目 vue create projectName 1.3 现有Vue 2 项目 升级到 Vue3 vue add typescript 二, 进击Vue3 2. 1

    1.9K30发布于 2021-07-09
  • 来自专栏小徐学爬虫

    TypeScript在爬虫开发中的应用

    TypeScript 做爬虫: 强烈推荐! 它继承了在 Node.js 环境下开发的所有优势,并通过强大的类型系统极大地提升了爬虫代码(尤其是数据处理和解析部分)的可靠性、可读性和可维护性。 下面是我用 TypeScript 编写的简单网页爬虫示例,它会爬取指定网站的标题和所有链接。 这个实现展示了 TypeScript 在爬虫开发中的类型安全优势:import axios from 'axios';import * as cheerio from 'cheerio';​// 定义爬取结果的数据结构 error.message : error); }})();代码说明1、依赖安装(先执行这些命令):npm install axios cheerio typescript @types/node @ types/cheerio2、核心功能:使用 Axios 获取网页内容使用 Cheerio 解析 HTML(类似 jQuery 的 API)类型安全的元素提取URL 格式验证3、TypeScript 优势体现

    13310编辑于 2025-07-07
  • 来自专栏Angular&服务

    VSCode开发Angular2+TypeScript插件

    Angular在VSCode下的插件 1.Angular TypeScript Snippets for VS Code 2.Angular VS Code TypeScript and HTML Snippets 方便自动配置标签) 5.Auto Close Tag (自动闭合html标签) 6.vscode-background (vscode的背景) 7.Visual Studio Code Typescript TypeScript, HTML Snippets for VS Code 12.The Beta Version of the TypeScript Grammar 13.Path Intellisense .Add Angular Files // 方便创建组件等 (可装) 19.Angular 2, 4 and upcoming latest TypeScript // ts(编码约定) 检查代码错误 21.exports autocomplete // 粘贴代码自动引入包 22.Angular v4 TypeScript

    1.7K20发布于 2018-08-20
  • 来自专栏《C++与 AI:个人经验分享合集》

    TypeScript 在前端开发中的应用

    TypeScript 在前端开发中的应用非常广泛。以下是一些常见的应用场景: 类型检查:TypeScript 是 JavaScript 的超集,它引入了静态类型检查。 在开发过程中,TypeScript 编译器可以帮助开发者捕捉潜在的类型错误,提前发现并修复问题,减少在运行时出现的错误。 强大的工具支持:TypeScript 提供了丰富的开发工具支持,包括代码自动完成、重构工具、静态分析工具等。这些工具可以极大地提高开发效率和代码质量。 这些库和框架提供了丰富的类型定义和 TypeScript 特有的声明文件,可以大大简化开发过程,减少错误和调试时间。 总的来说,TypeScript 提供了更好的开发体验和代码质量,使前端开发更加可靠、高效和可维护。它已经成为众多前端开发团队的首选语言之一。

    25110编辑于 2024-12-09
  • 来自专栏前端导学

    使用Typescript开发node.js项目

    创建项目 npm init 安装相应的库 npm install --save-dev typescript npm install --save-dev nodemon npm install devDependencies": { "@types/koa": "^2.0.46", "nodemon": "^1.17.5", "ts-node": "^6.1.0", "typescript /run.sh Typescript特点 typescript 通过构造函数的参数直接定义属性,为了证明,我们创建一个info.ts文件 内容如下 class info{ constructor

    2.7K20发布于 2019-05-28
  • 来自专栏京程一灯

    TypeScript 开发 Node.js 程序

    在本文中,我将向你展示如何设置一个简单的开发环境,以便使用 TypeScript 编写 Node.js 程序。 完成基本设置后,将添加 TypeScript。 程序 如前所述,我们将从 JavaScript 程序开始,稍后将其转换为 TypeScript。 可以用 mode 字段告诉 Webpack 它应该关注编译速度(开发)还是混淆和缩小(生产)。为了帮助调试,需要在开发模式中运行,用 devtool 字段来指示我们想要源映射。 它是专门为这个目的而开发的工具:在开发期间重新启动 Node.js 应用程序。 让我们从安装 nodemon-webpack-plugin开始。 下一步是添加 TypeScriptTypeScript 现在让我们添加 TypeScript!首先安装需要的依赖项。 由于这是一个 Node.js 项目,我们还需要安装相关的支持。

    2.7K30发布于 2019-05-14
领券