推荐使用nvm(Mac/Linux)或nvm-windows管理多版本:
bash nvm install 18.16.0 # 当前LTS版本 nvm use 18.16.0验证安装:
bash node -v npm -v在VSCode中新建目录并初始化:
bash mkdir js-project && cd js_project npm init -y安装扩展:搜索"Code Runner" 配置快捷键(settings.json):
json { "code-runner.executorMap": { "javascript": "node $fullFileName" } } 按Ctrl+Alt+N运行当前文件调试技巧
:在.vscode/settings.json中添加 :
json "code-runner.runInTerminal": true创建.vscode/launch.json:
json { "version": "0.2.0",高效 "configurations": [ { "type": "node", "request": "launch", "name": "Debug Current File", "program": "${file}" } ] } 设置断点后按F5启动调试高级配置
:添加预执行任务:
json "preLaunchTask": "npm install"🔥《微信域名检测接口、高效为什么选择VSCode开发JavaScript ?高效 作为微软开源的轻量级编辑器,性能优化建议 禁用不必要的高效插件(如TSLint) 设置文件排除(settings.json): json "files.exclude": { "**/node_modules": true } 启用自动保存: 最佳实践:建议组合使用Code Runner快速验证代码+官方调试器进行复杂问题排查。个人免签码支付》
创建app.js文件 :
javascript const message = Hello from Node!; console.log(message); 在集成终端运行:
bash node app.js优点:零配置 ,高效VSCode凭借其优异的高效性能和对JavaScript的深度支持(内置TypeScript支持),进阶工作流优化
安装开发依赖 :
bash npm install -D nodemon配置启动脚本(package.json) :
json "scripts": { "dev": "nodemon --inspect app.js" }修改package.json :
json "type": "module" 使用import语法 :
javascript import lodash from lodash;Cannot find module错误:
确认node_modules存在 运行npm install 检查导入路径大小写Debugger端口冲突
:
json "configurations": { "port": 9229 }ESLint集成
:
安装ESLint插件后创建.eslintrc.js :
javascript module.exports = { env: { node: true, es2021: true } }(责任编辑:解机器码)