标题：使用vscode安装配置Typescript项目的开发环境
1. 安装Node.js
-
访问Node.js官方网站，下载并安装最新版本的Node.js。推荐使用Windows安装包进行安装。
- 安装完成后，在命令行中输入
node -v，检查Node.js是否安装成功。
搜索好后点击安装有三种安装都可以但是推荐Windows安装
2. 安装TypeScript
点击---键盘---中的Windows
长这个样子+R键
中的输入npm install -g typescript
装完成后，在命令行中输入tsc -v，检查TypeScript是否安装成功。
画白色遮挡的部分是写错的 如图一样那么就恭喜你Typescript就安装好了
3：vscode安装
- 访问Visual Studio Code（VSCode）官方网站，下载并安装最新版本的VSCode。
- 安装完成后，打开VSCode，根据个人喜好设置语言等配置。
4：新建ts文件
安装好后我们打开Code
这个软件
页面如图中这个样子 然后我们看图二操作可以设置自己喜欢的语言
图一
图二
按Ctrl+Shift+E打开资源管理器，或者在左侧边栏点击资源管理器图标。，
在资源管理器中，选择想要创建TypeScript文件的目录，右键点击该目录，选择“新建文件”，并命名为.ts后缀的文件（例如app.ts）。
点击右键或图中所圈地方选择新建文件，文件就建成功了
5：编译TypeScript文件
打开Windows PowerShell，输入以下命令：
Set-ExecutionPolicy RemoteSigned
然后让做选择我们输入Y在点击回车键就成功了
打开方式1.点击左下角第二个搜索Windows powerShell，右键选择“以管理员身份运行”
let greeting:string ="Hello Wolid";
console.log(greeting);
打开中端可以点击文件右键选择在继成终端中打开
点击终端输入tsc t1.ts（tsc：文件名）就会出现一个t1.js文件那么我们就成功了
6：运行js文件
6.1：引入到html文件中，在浏览器中运行
- 们在文件中新建一个index.html文件在文件中输入html：5或者直接添加以下代码：
<!DOCTYPE html> -
<html lang="en"> -
<head> -
<meta charset="UTF-8"> -
<meta name="viewport" content="width=device-width, initial-scale=1.0"> -
<title></title> -
</head> -
<body> -
</script> -
</body> -
</html> -
打开浏览器，打开
index.html文件，即可在控制台中查看TypeScript代码的运行结果。 -
并输入<script src="t1.js"></script>如图中一样
6.2：使用node命令运行js文件
在命令行中导航到包含JavaScript文件的目录，输入以下命令运行JavaScript文件：
node t1.js
点击F5
再在打开的浏览器中点击F12选择控制台
7：效果预览
扫一扫
3144
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
