JavaScript最早是运行在浏览器中，主要是作为浏览器客户端设计语言使用，node.js的出现使javascript可以用于服务端编程，也即不需要非得和html前端页面进行绑定使用，而是作为一种像java一样的后端语言使用，极大地提高了JavaScript语言的使用范围。
在学习JavaScript语言的过程中，可以用vs code作为其编译器对JavaScript进行编译和运行，vs code中JavaScript环境搭建过程如下：
1.首先需要下载node.js，官方下载地址：https://nodejs.org/ ，node.js类似于java中的jre，为JavaScript编译运行提供基础环境，可以选择LTS（Long Term Support）版本或当前版本进行安装。LTS 版本通常是最稳定和推荐的版本。选择LTS版本并点击下载。
2.下载完成后，按照安装向导步骤进行安装，安装完成后自动配置好Node.js环境变量，不需要自己手动到环境变量中配置，较java中环境变量配置简单，java中需要自己手动配置jdk、jre位置。安装完成后，打开命令行工具或在vs code的终端运行 node --version或 node -v命令，即可查看node.js的版本号，判断node.js是否安装成功。
3.打开vs code，安装两个插件，分别是Live Server和Code Runner，其中Live Server可以支持在vs code中构建轻量级web服务器，运行html前端代码，Code Runner支持一键运行JavaScript代码。
4.在vs code中创建一个JavaScript文件demo.js，输入代码 console.log("hello,world!");
点击右上角运行，或在终端输入node demo.js，运行程序，可在终端获得输出结果。
5.在vs code中新建一个html文件，命名为demo.html，在其中写入代码- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>演示代码</title>
- </head>
- <body>
- <p>创建 JavaScript 对象。</p>
- <p id="demo"></p>
- <script>
- var person = {
- Name : "张三",
- age : 50,
- eyeColor : "黑色"
- };
- document.getElementById("demo").innerHTML =
- person.Name + " 现在 " + person.age + " 岁。";
- </script>
- </body>
- </html>
总结
到此这篇关于VS Code中搭建JavaScript运行环境的文章就介绍到这了,更多相关VSCode搭建JS运行环境内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
来源：https://www.jb51.net/javascript/339447uys.htm
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！ |
Archiver 手机版 小黑屋 福建二哥
( 闽ICP备2022004717号|
闽公网安备35052402000345号 )
微信公众号
添加方式：