【JS-VSCode编写JavaScript】
创始人
2024-11-13 19:37:19
0

VSCode编写JavaScript

  • ■ 下载安装VSCode
  • ■ VSCode统一配置
    • ■ 格式化工具
    • ■ Tab size (代码缩进 2个字符)![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8a9c42dc4261068081910e1ebb99a2b5.png)
  • ■ VSCode安装JS插件
  • ■ VSCode新建JS工程代码
    • ■ 方法一:使用VSCODE插件Code Runner运行JS代码
    • ■ 方法二
    • ■ 方法三
  • ■ VSCode调试JS代码**

■ 下载安装VSCode

从微软官方链接 可以打开Visual Studio Code主页
由于目前是在Windows系统,故选择Windows 10, 11并点击对应x64的User Installar下载安装包。

■ VSCode统一配置

■ 格式化工具

//注意: 不要安装格式化插件;可以使用vscode自带的格式化工具就行了,如下:
在这里插入图片描述

■ Tab size (代码缩进 2个字符)在这里插入图片描述

■ VSCode安装JS插件

插件描述验证过
Error Lens代码编写报错Pass
One Dark Pro颜色主题,安装完成后还要点击设置颜色主题按钮。Pass
Live Server左右分屏,可以模拟浏览器演示Javascript运行结果。 win + 左右箭头Pass
JavaScript(ES6)代码片段:提供ES6的代码片段和语法高亮。
JavaScript(Standard)代码片段:提供JavaScript Standard Style的代码片段。
ESLint:提供代码风格的检查和修复。
Prettier:提供代码格式化功能。
IntelliSense显示智能代码完成(即代码补全)、悬停信息和签名信息,以便你可以更快、更正确地编写代码。
Babel JavaScript代码提供语法高亮显示

■ VSCode新建JS工程代码

■ 方法一:使用VSCODE插件Code Runner运行JS代码

  1. 安装插件Code Runner
    在这里插入图片描述
  2. 新建demo.js文件
    console.log(“666”)
  3. Run Code 运行代码
    安装了 Code Runer之后,重启VSCODE,选中要运行的JS文件右键选择 Run Code 运行代码,就可以在控制台查看运行结果了。
    在这里插入图片描述

■ 方法二

■ 方法三

■ VSCode调试JS代码**

相关内容

热门资讯

详细透视!wepoker辅助器... 详细透视!wepoker辅助器激活码!必备科技辅助神器(有挂细节)-哔哩哔哩该软件可以轻松地帮助玩家...
透视总结!拱趴大菠萝十三水作必... 透视总结!拱趴大菠萝十三水作必弊(透视)一直存在有辅助平台(揭秘有挂)-哔哩哔哩1、每一步都需要思考...
此事引发网友热议!hhpoke... 此事引发网友热议!hhpoker辅助(透视)确实有辅助安装(有挂工具)-哔哩哔哩亲,关键说明,hhp...
普及透视!aapoker脚本怎... 普及透视!aapoker脚本怎么用!一分钟教会你辅助插件(讲解有挂)-哔哩哔哩一、aapoker脚本...
最终!wpk免费辅助(透视)好... 最终!wpk免费辅助(透视)好像真的有辅助平台(有挂解密)-哔哩哔哩1、操作简单,无需wpk免费辅助...
揭幕透视!wepoker免费脚... 揭幕透视!wepoker免费脚本咨询!重大推荐辅助软件(有挂猫腻)-哔哩哔哩1、起透看视 wepok...
透视真的!wepoker透视是... 透视真的!wepoker透视是真的吗(透视)其实真的是有辅助辅助器(有挂技巧)-哔哩哔哩1、wepo...
普及透视!德普之星透视!一分钟... 您好,德普之星透视这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家在...
据通报!wpk私人辅助(透视)... 据通报!wpk私人辅助(透视)都是真的有辅助修改器(有挂秘诀)-哔哩哔哩1、wpk私人辅助免费脚本咨...
揭露透视!wepoker辅助工... 揭露透视!wepoker辅助工具!教学盘点辅助攻略(有挂攻略)-哔哩哔哩1)wepoker辅助工具免...