Skip to content
Shimon's BlogShimon's Blog
主页
杂谈
  • 主页
      • 代码笔记
          • Node.js
            • Node.js
              • 安装 Node.js
                • 搭建 Node 开发环境
                  • 运行和调试 JavaScript
                    • 视频演示
                    • 模块
                      • 第一个 Node 程序

                    搭建 Node 开发环境

                    Shimon Zhan2022年4月19日
                    • Node.js
                    • Node.js
                    • 软件
                    大约 1 分钟

                    此页内容
                    • 运行和调试 JavaScript
                    • 视频演示

                    由于 Node.js 需要编码、运行、调试,我们需要一个 IDE 集成开发环境,这样就可以大大提升开发效率。综合考察后,Shimon Zhan 隆重向大家推荐 Node.js 集成开发环境: Visual Studio Code。它启动速度快,执行简单,调试方便这三点上。当然,免费使用是一个加分项。

                    相关信息

                    有关 VS Code 使用教程请访问这里

                    # 运行和调试 JavaScript

                    在 VS Code 中,我们可以非常方便地运行 JavaScript 文件。

                    VS Code 以文件夹作为工程目录 (Workspace Dir),所有的 JavaScript 文件都存放在该目录下。此外,VS Code 在工程目录下还需要一个 .vscode 的配置目录,里面存放里 VS Code 需要的配置文件。

                    假设我们在 C:\Work\ 目录下创建了一个 hello 目录作为工程目录,并编写了一个 hello.js 文件,则该工程目录的结构如下:

                    hello/ <-- workspace dir
                    |
                    +- hello.js <-- JavaScript file
                    |
                    +- .vscode/ <-- VS Code config
                    |
                    +- launch.json <-- VS Code config file for JavaScript
                    

                    可以用 VS Code 快速创建 launch.json,然后修改如下:

                    {
                      "version": "0.2.0",
                      "configurations": [
                        {
                          "name": "Run hello.js",
                          "type": "node",
                          "request": "launch",
                          "program": "${workspaceRoot}/hello.js",
                          "stopOnEntry": false,
                          "args": [],
                          "cwd": "${workspaceRoot}",
                          "preLaunchTask": null,
                          "runtimeExecutable": null,
                          "runtimeArgs": ["--nolazy"],
                          "env": {
                            "NODE_ENV": "development"
                          },
                          "externalConsole": false,
                          "sourceMaps": false,
                          "outDir": null
                        }
                      ]
                    }
                    

                    有了配置文件,即可使用 VS Code 调试 JavaScript。

                    # 视频演示

                    • 视频演示open in new window
                    上次编辑于: 2022/4/19 07:13:07
                    贡献者: ShimonZhan
                    下一页
                    模块
                    Copyright © 2021-present Shimon Zhan