【字节青训营】| TypeScript基础——开发环境配置

今天是字节青训营第四天，我来坚持更博打卡啦！ +U +U

推荐我之前写过的TypeScript笔记：

超全TypeScript笔记，入门新手看这里~

目录

开发环境

安装VS Code

安装Node.js

nvm安装

官网安装

创建项目

 创建tsconfig.json

选择TypeScript版本

---

---

开发环境配置

安装VS Code

https://code.visualstudio.com

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

安装Node.js

nvm安装

https://github.com/nvm-sh/nvm

nvm(Node Version Manager)

安装nvmwindows版

打开链接https://github.com/coreybutler/nvm-windows/releases

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

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

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

查看安装的Nodejs版本:nvm ls

官网安装

https://nodejs.org/zh-cn

 打开网址安装即可。

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

创建项目

初始化第一个TypeScript项目

打开VSCode终端

输入以下命令

1. mkdir first-ts-project 建立文件夹

2.cd first-ts-project 打开文件夹

3. npm init -y 生成package.json文件

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

or

4. 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就会变化了

学习需要坚持，不积跬步，无以至千里。

其实有时候学着学着就觉得很烦，想着还有这么多知识没学完，但是现在不学啥时候学嘞，我还要当小富婆嘞。

+U