首页 > 编程语言 >VSCOde+Nodejs+Typescript前端开发环境

VSCOde+Nodejs+Typescript前端开发环境

时间:2024-02-17 10:24:07浏览次数:35  
标签:Typescript VSCOde 代码 cmd TS JS 安装 前端开发

1.安装Node.js

下载地址:https://nodejs.org/en

lts版本: 长久稳定版本

安装:默认安装就可以了

验证:node

2.VSCode

下载地址:https://code.visualstudio.com/Download

安装:默认安装

语言切换: 安装中文插件,重启

 2.1 修改终端cmd模式:

1.点击设置图标,选择Command Palette

 2.输入:Terminal:select To Next Command

 3.点击+选择 select Default Profile

4.选择cmd.exe

 5.重启VSCode,成功后

3.支持TypeScript

TypeScript是JavaScript的超集,强制进行数据类型的说明

 TS的工作流程:

  1. 编写TS代码
  2. 将TS代码编译成JS代码
  3. node执行JS代码

npm install -g typescript

标签:Typescript,VSCOde,代码,cmd,TS,JS,安装,前端开发
From: https://www.cnblogs.com/lgs-tech/p/18017739

相关文章

  • vscode中无法识别go命令
    现象描述:装好go在cmd下面输入goversion能正常显示但在vscode控制台中无法显示原因:vscode未识别到go命令解决方案:手动为vscode添加go的path路径 打开VSCode设置(JSON):你可以通过按下Ctrl+Shift+P打开命令面板,然后输入OpenSettings(JSON)并选择它来直......
  • VSCode的configuration错误
    问题首先通过报错语句,定位到错误代码。通过上图的报错语句,定位到了我的错误代码在train.py文件中parser.add_argument方法的问题,截图如下:  通过百度parser.add_argument语句,发现当required参数为True时,在运行时必须要为该命令指定路径。从上图可以看到第一条parser.add_ar......
  • 前端vscode+eslint代码规范
    前端使用vscode+eslint格式化规范代码格式在应用商店安装eslint,配置好eslint,根目录新增.eslintrc.jsmodule.exports={root:true,parserOptions:{parser:'babel-eslint',sourceType:'module'},env:{browser:true,node:true,es6......
  • TypeScript 设计模式之发布订阅者模式
    订阅发布模式(Publish-SubscribePattern)是一种行之有效的解耦框架与业务逻辑的方式,也是一种常见的观察者设计模式,它被广泛应用于事件驱动架构中。在这个模式中,发布者(或者说是主题)并不直接发送消息给订阅者,而是通过调度中心(或者叫消息代理)来传递消息。发布者(或者说是主题)并不知道订......
  • 02 在vscode中使用python
    安装插件需要先安装python这个插件安装完成后,创建一个文件夹,用于工程的创建。使用vscode打开这个文件夹,之后新建一个.py文件。编写第一个程序:print("hello")a=3b=4print(a+b)box="gogogo"name="lili"print("byby"+name)配置相关信息选择这个:......
  • 前端开发时,什么时候url需要使用encodeURIComponent?
    在前端开发时,当需要将用户输入或者动态生成的字符串作为URL的一部分(特别是查询参数或路径片段)发送到服务器时,应当使用encodeURIComponent函数对字符串进行编码。以下是一些具体场景:查询参数:当你在URL中添加查询参数(queryparameters),例如通过?key=value的形式附加到URL末......
  • vscode远程ssh连不上
    更新远程主机或回退vscode更新远程主机系统或回退vscode到1.85版本,相关issuev1.85下载链接禁用vscode自动更新更改不适配的扩展版本......
  • TS-TypeScript学习_1
    1、推断类型constnameInfo:string='Helloworld'console.log('nameInfo',nameInfo)2、定义类型interfacenameType{name:string;age:number;}constpeopleInfo:nameType={name:'libai',age:18}console.log('......
  • joplin集成vscode做编辑器
    joplin集成vscode做编辑器为什么joplin已有markdown的编辑功能,为什么还要寻求其他编辑器呢。有些更强大的编辑功能,需要借助vscode才有。而右键点击笔记上的“在外部编辑器中编辑”打开了本地的sublime。(ubuntu操作系统)怎么做前提条件Joplinversion>v2.8VSCodeversion......
  • VSCode降级 - VSCode远程开发缺少libc
    VSCode自动升级到1.86后提示MissingGLIBC>=2.28!,可是服务器用的是centos7.9,升级glibc还要和gcc绑定到一起,所以还是对VScode降级比较方便这是最后一个可用版本的[updatenote]https://code.visualstudio.com/updates/v1_85其页面上的下载链接如下,重新安装并覆盖就好了Win......