【JS-VSCode编写JavaScript】
创始人
2024-11-13 19:37:19
0次
VSCode编写JavaScript
- ■ 下载安装VSCode
- ■ VSCode统一配置
- ■ 格式化工具
- ■ Tab size （代码缩进 2个字符）
- ■ 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代码
- 安装插件Code Runner
- 新建demo.js文件
console.log(“666”) - Run Code 运行代码
安装了 Code Runer之后，重启VSCODE，选中要运行的JS文件右键选择 Run Code 运行代码，就可以在控制台查看运行结果了。
■ 方法二
■ 方法三
■ VSCode调试JS代码**
相关内容
热门资讯
实测分享！小逸碰胡插件脚本，玩...
实测分享！小逸碰胡插件脚本，玩吧辅助器，练习教程（有挂详情）1、下载好小逸碰胡插件脚本透视辅助下载之...
一分钟揭秘！天酷互娱有辅助工具...
一分钟揭秘！天酷互娱有辅助工具嘛，九九山城万州版辅助，资料教程（有挂技术）1）天酷互娱有辅助工具嘛免...
传递经验！新道游辅助器，反杀新...
传递经验！新道游辅助器，反杀新火神辅助，资料教程（有挂解惑）1、首先打开新道游辅助器辅助器下载最新版...
今日头条！长城互娱辅助，新51...
今日头条！长城互娱辅助，新518互游脚本，模板教程（了解有挂）小薇（辅助器软件下载）致您一封信；亲爱...
科普攻略！哥哥打大a辅助，南丰...
科普攻略！哥哥打大a辅助，南丰数刀脚本，绝活儿教程（有挂技巧）暗藏猫腻，小编详细说明哥哥打大a辅助破...
我来教教你！琼戏互娱破解版，手...
我来教教你！琼戏互娱破解版，手机字牌辅助脚本工具，积累教程（有挂教学）1、操作简单，无需手机字牌辅助...
玩家必看教程！老友广东潮汕麻雀...
玩家必看教程！老友广东潮汕麻雀辅助，小程序卡五星辅助，绝活儿教程（有挂分析）1、任何老友广东潮汕麻雀...
推荐十款！全民牛牛拼三张开挂，...
推荐十款！全民牛牛拼三张开挂，吉祥填大坑脚本，机巧教程（有挂解惑）亲，关键说明，全民牛牛拼三张开挂透...
技术分享！拼三张自建房软件，微...
技术分享！拼三张自建房软件，微信微乐辅助器免费安装，方式教程（有挂存在）1、拼三张自建房软件脚本辅助...
一分钟快速了解！创思维激k软件...
一分钟快速了解！创思维激k软件助手，小闲巴渝辅助，妙计教程（有挂工具）1、金币登录送、破产送、升级送...