【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破解器有用吗AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻...
微扑克辅助!微扑克辅助下载,微... 微扑克辅助!微扑克辅助下载,微扑克科技透视(起初存在有辅助)主打本地运行的 AI 黑科技工具迎来新版...
wepoker透视挂!德普之星... wepoker透视挂!德普之星透视辅助软件是真的吗,wepoker透视软件下载(其实是有透视挂)AI...
德普之星辅助器!wepoker... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
wepoker辅助!wepok... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker手机助手解析、 AI ...
微扑克透视挂!wepoker怎... 很多人使用云端 AI 时,都担心wepoker怎么获得好牌、内部资料上传带来隐私风险。这款本地运行的...
WPK透视挂!wepoker怎... WPK透视挂!wepoker怎么提高运气,WPK有没有辅助插件(原生真的有透视挂)主打本地运行的 A...
WPK辅助挂!wpk辅助软件,... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
德扑之星透视挂!wepoker... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
WPK辅助!wpk透视是真的假... 很多人使用云端 AI 时,都担心wpk透视是真的假的、内部资料上传带来隐私风险。这款本地运行的 AI...