使用vscode安装配置Typescript项目的开发环境

1：node.js安装

从 Node.js 官网 下载 LTS 版本并安装

安装完成后验证是否成功

win+q打开窗口搜索cmd 输入以下验证

node -v
npm -v
 

2：typescript 安装

通过 npm 全局安装 TypeScript 编译器：

npm install -g typescript
 

安装后验证版本

tsc -v
 

3：vscode安装

从 VS Code 官网 下载并安装最新版本

打开安装包，选择安装路径，持续点next。

安装好打开是默认英文页面，切换中文页面：

        1：打开Visual Studio Code，单击“扩展”图标

        2：输入关键字chinese

        3:单击“中文（简体）”版本后的Install按钮

重启之后就是中文页面。

4：新建ts文件

1：先新建文件夹

2：新建xx.ts文件

5：编译ts文件

按Ctrl+~弹出终端
#> tsc xx.ts  ==>xx.js

它会报错。我们win+q在搜索框输入Powershell，并打开

打开就是这个画面

在后面复制这句话：Set-ExecutionPolicy RemoteSigned（右键单击复制），点回车，并在后面输入Y

、

把Visual Studio Code关闭重启，继续#> tsc xx.ts 

6：运行js文件
    6.1：引入到html文件中，在浏览器中运行

        先新建一个xx.html文件

在html中引入就是文件

效果预览

按F5会弹出加载页面，因为输出语句书console所以在按F12查看效果

    6.2：使用node命令运行js文件
    #> node xx.js