【青训营】 - TypeScript基础--开发环境配置

135 阅读1分钟

我又来了,csdn有的,掘金也要有~ 先附上我csdn的文章链接 欢迎点赞关注

blog.csdn.net/weixin_4590…

以下为原文章 二琳+U ​

 

目录

开发环境

安装VS Code

安装Node.js

nvm安装

官网安装

创建项目

 创建tsconfig.json

选择TypeScript版本



github.dev/aztack/Intr…

开发环境配置

安装VS Code

code.visualstudio.com

根据系统 选择合适的版本。

安装Node.js

nvm安装

github.com/nvm-sh/nvm

nvm(Node Version Manager)

安装nvmwindows版

打开链接github.com/coreybutler…

往下翻,找到nvm-setup.zip,下载后就能安装了,亲测有效。

然后打开VSCode,打开终端,输入nvm install 14.17.3

安装指定版本的Nodejs: nvm install 14.17.3

查看安装的Nodejs版本:nvm ls

官网安装

nodejs.org/zh-cn

 打开网址安装即可。

两个方法都可安装,我之前是在官网下载的,但是后来还要改环境变量,相比来说还是建议使用nvm安装。

创建项目

初始化第一个TypeScript项目

打开VSCode终端

输入以下命令

mkdir first-ts-project 建立文件夹

cd first-ts-project 打开文件夹

npm init -y 生成package.json文件

npm install --save-dev typescript 安装最新稳定版

npm insatll --save-dev typescript@next  安装最新版本 尝鲜

注意不要输入错误,可以直接复制我的命令,输错别担心,try again

 创建tsconfig.json

方法一:

新建index.ts文件双击 右下角就会出现版本号

点击咱们这个版本号,就会出现创建tsconfig

 点击创建tsconfig,就会自动生成tsconfig.json文件啦

方法二:

找到node_modules/.bin/tsc 右键 在集成终端中打开 输入--init --locale zh-CN

害,这种方法我试了不行,你们试试嘞

选择TypeScript版本

还是在index.ts这个文件 右下角 click版本号-> click选择TypeScript版本

选择node_modules/typescript/lib 之后.vscode文件夹下的settings.json就会变化了