typescript环境搭建,并且部署到vscode(亲测有效)(代码片段)

咖啡壶子 咖啡壶子     2023-01-26     353

关键词:

前言:要想搭建TypeScript,那么就要有npm,要想有cnpm,那么就得有node环境。要是都有了的话,那么接下来,往下看。

TypeScript环境搭建

第一步:下载淘宝镜像

  1. 先检查自己有没有成功安装npm
  2. 有npm还不行,还要下载cnpm,命令如下(直接复制粘贴):
npm install -g cnpm --registry=https://registry.npm.taobao.org

下载好之后,会显示成这样。

第二步:下载TypeScript

在命令窗口输入(直接复制粘贴):

npm install -g typescript

下载好了是这样。

查看版本号:

tsc -v

这样ts就完全整好了。

部署到VSCode

先创建一个文件夹tsDemo,

在tsDemo文件夹下创建一个demo.ts文件,写上内容。。
接着,在命令窗口上跳转到该tsDemo文件夹位置上,


然后需要在这个位置上生成一个tsconfig.json文件。
直接复制这个命令:

tsc --init

然后就会在tsDemo文件夹下生成tsconfig.json文件。

修改tsconfig.json配置

把tsDemo文件夹拖拽到vsCode上去。,找到tsconfig.json,
把我选中的这一行的注释去掉,保存,

然后选中ts文件,点击:终端=>运行生成任务。点击tsc:监听

接着就会在终端生成js文件夹,里面有由ts文件编译生成好的js文件。
大功告成,给自己鼓掌啊🎉🎉🎉

可能会遇到的报错

tsc : 无法加载文件 C:\\Users\\JMQ\\AppData\\Roaming\\npm\\tsc.ps1,
因为在此系统上禁止运行脚本。有关详细信息,请参阅 
https:/go.microsoft.co m/fwlink/?LinkID=135170 中的 about_Execution_Policies。

解决方法

  1. 以管理员身份运行vscode。

然后输入在终端输入:

set-executionpolicy remotesigned

就不会报错了

1-快速搭建elk环境

...这里没有考虑到其他的优化,部署前请确保已经安装Java环境即JDK&n 查看详情

在ubuntu下将pytorch模型部署到c++(环境搭建)(代码片段)

环境搭建vscodec++环境部署cmake编译器clang安装libtorch安装cudnn安装opencv安装及编译本文总结记录了在将lightweight-openpose的pytorch网络模型部署到c++的过程以及遇到的一些问题,如有错误敬请指正vscodec++环境部署cm... 查看详情

javaweb项目搭建

部署环境:1.mysql做数据存储2.nginx默认开启80端口,用于接受用户的web请求3.tomcat默认8080端口开启,用来接收nginx转发的web请求。环境部署与实现。(1)安装JDK  1. 安装依赖环境  yum-yinstalllgcc  2.解压jdk,并且移动到指... 查看详情

typescript环境搭建:

TypeScript环境搭建:1、初始化package.jsonnpminit-y2、初始化tsc tsc--init 产生tsconfig.json文件3、ts运行环境npmiwebpackwebpack-cliwebpack-dev-sever-D4、ts-loader安装 npmits-loadertyperscript-D5、html-webpack-plugin安装 npmihtml-w 查看详情

typescript搭建开发环境

 为了方便后期使用,我们搭建一个基于Typescript的开发环境,后期的项目都可以基于此进行开发。建立一个空的项目文件,使用npminit命令生成相应的json配置文件,(也可以使用npminit-y,使用默认配置)//注意事项:1、在输入了n... 查看详情

vscode搭建typescript开发环境

  TypeScript是JavaScript的类型的超集,它可以编译成纯JavaScript。编译出来的JavaScript可以运行在任何浏览器上。TypeScript编译工具可以运行在任何服务器和任何系统上,TypeScript是开源的。为什么选择TypeScript以及TypeScript优缺... 查看详情

typescript之环境搭建(代码片段)

TypeScript介绍:  TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,  TypeScript在JavaScript的基础上添加了可选的静态类型和基于类的面向对象编程。TypeScript和JavaScript的对比TypeScript与JavaScript两者的... 查看详情

网站部署(周一):搭建部署环境‘

第一、安装最新版本UbuntuServer18.04.1LTS 1、创建新虚拟机2、设置登录用户(随便设置,记住密码,后期我们切换到root用户登录,才有权限)3、分给Ubuntu默认资源4、一路Enter5、重启后,输入账户密码登录6、查询分配到的IP地址... 查看详情

第二章typescript开发环境搭建

MacOSX下TypeScript开发环境搭建一、集成开发环境WebStromVSCode二、安装TypeScriptHomebrew(macOS缺失的软件包管理器)ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"npm(NodePackageManager 查看详情

typescript+react+antd基础环境搭建(代码片段)

typescript+react+antd基础环境搭建(包含样式定制)tsconfig.json配置//具体配置可以看上面的链接这里modulemoduleResolution的配置都会影响到antd的显示//allowSyntheticDefaultImports是antd官网给的配置必须加上"compilerOptions":"outDir":"./dist/","sourceMap"... 查看详情

搭建typescript开发环境最详细的全过程

本文《搭建typescript开发环境最详细的全过程》的源代码在https://github.com/lingsbb/ts_demo/下载。搭建typescript开发示例https://github.com/Microsoft/TypeScriptSamplestypescript案例https://www.tslang.cn/samples/index.html安装git:http://git 查看详情

vscode搭建typescript开发环境

一.npminstall-gtypescript全局安装TypeScript 二.使用VsCode打开已创建的文件夹,使用快捷键Ctrl+~启动终端输入命令tsc--init创建tscconfig.json 三.新建文件HelloWorld.ts "usestrict";varStudent=(function(){functionStudent(fiestName, 查看详情

typescript01编译环境的搭建字符串特性类型特性

 知识准备:JavaScript满足ES5前端规范、TypeScript满足ES6前端规范1TypeScript开发环境  TypeScript代码不能直接被浏览器识别,必须先转换成JS代码;通常是利用编译器来讲TS代码转换成JS代码  1.1使用在线的编辑器    1.1.1... 查看详情

typescript搭建ts环境(代码片段)

1、创建文件夹创建文件夹mkdirTS_CODE_STUDYcdTS_CODE_STUDY初始化项目npminit-y//ornpminit初始化后生成的package.json文件"name":"ts_code_study","version":"1.0.0","description":"sourcecod 查看详情

typescript基本环境搭建(代码片段)

typescript基本环境搭建工具vscode步骤扩展--主题OneDarkPronpminitpackage.json"name":"client-side","version":"1.0.0","description":"sourcecodeofts-learning","main":"./src/index.ts","scripts":"test":"echo"Error:notestspecified"&&exit1","keywords":["typescript","source_code","hequan... 查看详情

spark入门实战系列--2.spark编译与部署(上)--基础环境搭建

...实际应用一般使用64位操作系统,内容分为三部分:基础环境搭建、Hadoop编译安装和Spark编译安装,该环境作为后续实验基础;3、文章演示了Hadoop、Spark的编译过程,同时附属资源提供了编译好的安装包,觉得编译费时间可以 查看详情

多个tomcat配置

在centos7.3下搭建jenkins自动部署环境,需要一个tomcat来启动jenkins,另一个用来自动部署的位置,因此需要两个tomcat同时运行,并且在自动构建后能够启动项目,又不会关闭jenkins。一、搭建环境1、搭建java环境:可以参考:https://bl... 查看详情

网站部署(周一):搭建部署环境‘

第一、下载并安装最新版本UbuntuServer18.04.1LTS  查看详情