安装typescript和angular以及相关环境变量配置

1、软件安装

1.1安装typescript
命令:npm install -g typescript

安装typescript

1.2安装angular
命令:npm install -g @angular/cli

angular

2、检查npm、nodejs是否安装成功

node -v  //检查node版本信息,如果没有安装不会提示既不是内部外部命令......
npm -v   //检查npm版本信息
ng -v  //检查angular版本信息

如果没有成功则需要重新安装

3、环境变量配置

1.电脑鼠标右击计算机,点击属性,选择高级系统设置——环境变量——编辑环境变量

高级系统设置

2.按照图片示意点击

环境变量

3.环境变量分为用户环境变量和系统环境变量,需要设置两处
3.1首先设置用户变量

用户变量
变量名:Path
变量值:C:\Program Files\nodejs\node_global;(自己电脑上安装nodejs的路径,一定要把==\node_gobal;==加进去)
用户变量编辑

3.2其次是系统变量的编辑更改

系统变量

这里需要添加nodejs和npm两个路径

在原有的路径后面先加一个分号(原先就有的不要重复加)然后写上nodejs和npm的路径:
C:\Program Files\nodejs;C:\Users\user20411\AppData\Roaming\npm;(这是我电脑上的路径,如果更改了安装路径需要自己找到准确的)
系统变量编辑

4、测试安装的程序是否可以运行

  1. 桌面新建一个文件夹
  2. 在命令提示符中进入到这个文件夹的路径下,输入:ng new test 如果你的电脑开始新建test项目那就说明成功了,如果运行不了,那就按照本文章重新来一遍还不行那就多来几遍,仔细一点总能成功的
  3. 小编下线。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
配置TypeScript环境,你需要完成以下几个步骤: 1. 首先,确保你的电脑上已经安装了Node.js和NPM环境。你可以在官网https://nodejs.org/上下载并安装最新版本的Node.js。 2. 安装TypeScript。你可以使用NPM来安装TypeScript,打开命令行工具,运行以下命令: ``` npm install typescript -g ``` 3. 验证TypeScript安装成功。在命令行工具中运行以下命令来查看TypeScript的版本: ``` tsc --version ``` 4. 安装一个代码编辑器。推荐使用Visual Studio Code(VSCode)作为代码编辑器。你可以在官网https://code.visualstudio.com/上下载并安装VSCode。 5. 配置VSCode环境。打开VSCode,点击左侧的扩展图标,搜索并安装"TypeScript"扩展。安装完成后,你就可以在VSCode中编写和调试TypeScript代码了。 通过完成以上步骤,你就成功配置TypeScript的开发环境。现在你可以愉快地开始编写TypeScript代码了! #### 引用[.reference_title] - *1* *3* [TypeScript开发(一) 环境搭建](https://blog.csdn.net/yexudengzhidao/article/details/103106797)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [TypeScript环境配置详解](https://blog.csdn.net/qq_44749491/article/details/127419988)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值