Windows搭建javascript开发环境

weixin_40437029

于 2021-12-29 12:13:11 发布

阅读量2.6k

点赞数

文章标签： javascript windows vscode

本文链接：https://blog.youkuaiyun.com/weixin_40437029/article/details/122212644

版权

本文指导读者如何安装Node.js，验证版本并配置VSCode开发环境，演示如何创建并引入HTML中的JavaScript文件，实现'Hello, World!'的console输出。同时介绍了如何使用VSCode插件提升开发体验，最后通过Chrome浏览器查看输出结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 安装nodejs

https://nodejs.org/en/download/ 下载适合的版本
一路下一步安装好
cmd下执行相关的命令，表示安装好了
C:\Users>node -v
v16.13.1

C:\Users>npm -v
8.1.2

2 vscode开发javascript

快速生成测试html
https://www.cnblogs.com/xiaozhangzhang/p/9684778.html
新建js文件js1/helloworld.js，内容为

console.log("Helloworld")

引入js文件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<!--引入外部的js文件-->
<script type="text/javascript" src="js1/helloworld.js"></script>

<body>

</body>

</html>