VSCODE中配置JavaScript编译环境
文章目录
- 01. 起因
- 02. 下载安装VSCODE
- 03. 方式一:使用Node.js做为解释器运行JS代码
- Node.js的安装和配置
- 在VSCODE中配置Node.js
- 04. 方式二:使用VSCODE插件Code Runner运行JS代码
- 安装插件
- 使用
01. 起因
由于不是经常写前端JS代码,不想单独安装一个IDE,如WebStorm等,就在VSCODE中配置一个可以运行JS代码的环境吧!
这样使用VSCode即可以写前端代码,也可以写C++代码,还可以写Python代码,真不错!!!
02. 下载安装VSCODE
下载地址:https://code.visualstudio.com/
至于安装就不啰嗦了,根据提示安装即可
03. 方式一:使用Node.js做为解释器运行JS代码
Node.js的安装和配置
Node.js的下载:
- Node.js官网下载地址:
https://nodejs.org/en/download/
- 通过上面的链接下载Node.js
- 无脑安装:除了需要修改安装路径,其他都是下一步,
环境变量也会自动配置
测试nodejs是否安装成功:
- cmd下输入:
node -v
,查看是否能够正常打印出版本号 - cmd下输入:
npm -v
,查看是否能够正常打印出版本号 - 注:安装node之后会
自带npm
配置Node.js:需要配置两个地方
- 通过npm安装的包的存储位置(路径):配置文件中的
nodejs prefix
- node缓存位置(路径):配置文件中的
cache
(缓存)路径
nodejs安装好之后,通过npm下载全局模块默认安装到:C:\Users\username\AppData\Roaming\npm
下,一般我们不想把东西存到C盘里面的,我们进行如下设置,把通过npm安装的文件依赖全部都放到我们自己想放的地方,便于管理
。
1、在nodejs安装路径下,新建node_global和node_cache两个文件夹
2、设置node_global和node_cache
设置缓存文件夹
npm config set cache "E:\NodeJs\node_cache"
设置通过npm安装的包的存放路径
npm config set prefix "E:\NodeJs\node_global"
注意:设置成功后,之后用命令
npm install XXX -g
(全局安装),安装以后模块就在E:\NodeJs\node_global
里
更多关于Node.js的配置参考这篇博文:https://blog.csdn.net/weixin_45583303/article/details/111354653
在VSCODE中配置Node.js
建立一个文件夹(如:demo
),在文件夹中建立一个js文件(如demo.js
),使用VSCODE打开该文件夹,然后按下图操作:
编写好JS文件之后,按F5就能直接在控制台查看运行结果了
04. 方式二:使用VSCODE插件Code Runner运行JS代码
安装插件
打开VSCODE:
使用
安装了 Code Runer之后,重启VSCODE,选中要运行的JS文件右键选择 Run Code 运行代码,就可以在控制台查看运行结果了。
VSCODE中配置JavaScript编译环境相关推荐
- 在notepad++中配置java编译环境
在notepad++中配置java编译环境 (1)首先,下载安装了Notepad++,在菜单栏那里找到Plugin Manager,有一些版本是没有中文的,所有只有Plugin Manager,如果连 ...
- VScode中配置 C/C++ 环境,超级详细,问题分析全面,绝对好用
VScode中配置 C/C++ 环境,超级详细,问题分析全面,绝对好用 VScode中配置 C/C++ 环境 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页.如果你想学习如何使用Ma ...
- 在vscode中配置C++编程环境
前言 人生如逆旅,我亦是行人. 一.在 vscode 中下载几个实用的插件 Code Runner:Code Runner 可以让你的 vscode 具有运行好几十种语言的能力. vscode-ico ...
- QT - QT中配置MSVC编译环境 以及 VS中配置QT开发环境
本文主要记录一下如何在 QT5.14.2 中配置 MSVC2017 构建套件,以及在VS2017中配置QT的开发环境.开发环境为 Win10 + QT5.14.2 + Visual Studio 2 ...
- C语言编译php环境,vscode中C语言编译环境的配置方法(分享)
本篇文章给大家介绍一下vscode配置C语言编译环境的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vscode c语言的环境配置 完整教程请查看该教程:https://bl ...
- ROS下安装vscode并配置ROS编译环境
(我这是基于docker下的ros当然你不用docker用实体机或者虚拟机也行) 效果如下 参考的大佬视频 ---------------------- 我的docker下的ros环境安装链接 --- ...
- 在VScode中配置Python开发环境
1.安装python 官网下载地址:https://www.python.org/ftp/python/3.8.0/python-3.8.0-amd64.exe 双击打开.exe文件 勾选 Add P ...
- Unix环境高级编程 centos中配置apue编译环境
首先保证操作系统中已经安装好了gcc, 将apue.2e解压后拷贝到linux操作系统中,然后输入 [root@localhost apue.2e]# cd lib 进入apue.2e的lib文件夹, ...
- LaTex书写日文教程 / upLaTex、pLaTex的使用 / latex配置日语编译环境方法
前言 既然要书写日文,那肯定离不开 p 系列家族编译环境,我们推荐使用 upLaTex ,其支持 CJK(中日韩).朝鲜文.欧文.各种符号,默认 utf-8 编码,非常方便,有关 pLaTex.upL ...
最新文章
- Java知识汇总-思维导图
- python 对指定URL获取其子链接
- pip install pygame_使用 Python 和 Pygame 模块构建一个游戏框架!
- Java多线程的上下文切换
- 2012年12月第二个周末
- [ACM训练] ACM中巧用文件的输入输出来改写acm程序的输入输出 + ACM中八大输入输出格式...
- 生成对抗网络(GAN)的发展史
- 解决macbook pro散热问题
- java邮箱代码_java邮箱开发代码——发邮件
- 如何使用Spring Bean Configuration File调用构造方法并给参数赋值
- [C++/CLI编程宝典][7]基本概念
- 怎样让手机打电话显示不在服务器,要怎样设置才让对方打电话进来是空号?
- 期末复习-选择题整理(湖南大学操作系统课程雨课堂答案即期末题库)
- css 小尖角,CSS3之尖角标签
- 10015---MySQL--innodb_flush_log_at_trx_commit参数
- world添加水印java,Java添加水印到Word文档
- 微信小程序版本更新后提示用户更新
- Scala集合—可变Map和不可变Map |CSDN独创
- windows的时间同步工具:w32time
- PS教程!教你五分钟快速绘制大气磅礴的水墨字效果