在 vs code 中新建 .js 文件应先按 ctrl+n(或 cmd+n)新建空白文件,再按 ctrl+s(或 cmd+s)保存为带 .js 后缀的文件名(如 index.js),vs code 即自动启用 javascript 语法高亮与智能提示;若无高亮,需检查是否遗漏后缀、语言模式是否被误设为 plain text、或 settings.json 中 files.associations 配置错误;批量创建推荐资源管理器右键新建、终端命令(touch 或 type nul >)或安装 easy new file 扩展;运行报错 referenceerror: require is not defined 是因混淆运行环境——浏览器不支持 require,须用 node script.js 在 node.js 环境执行。

在 VS Code 里新建 .js 文件的常规操作
直接按 Ctrl+N(Windows/Linux)或 Cmd+N(macOS)新建空白文件,然后立刻按 Ctrl+S(或 Cmd+S),输入带 .js 后缀的文件名,比如 index.js,回车确认——VS Code 会自动识别为 JavaScript 文件,并启用对应语法高亮和智能提示。
新建后没语法高亮?检查文件关联是否生效
如果新建保存后还是纯文本样式(没有关键词变色、没有 console.log 补全),说明 VS Code 没把当前文件当成 JavaScript 类型处理。常见原因和应对:
- 文件名没写
.js后缀(比如只写了script),必须包含.js才能触发默认语言模式 - 手动改过语言模式:右下角状态栏显示「Plain Text」时,点击它 → 选「JavaScript」;或者按
Ctrl+K M(Cmd+K M)快速切换 - 工作区禁用了自动检测:检查
.vscode/settings.json里有没有"files.associations"错误覆盖了.js
想批量建多个 .js 文件?别用重复 Ctrl+N
手动一个个新建保存效率低,还容易漏后缀。更稳的方式是:
- 在资源管理器面板中,右键目标文件夹 → 「新建文件」→ 输入
util.js回车(注意:这里必须输完整名字+后缀) - 用终端(集成终端快捷键
Ctrl+`)执行:touch helper.js api.js(macOS/Linux)或type nul > helper.js & type nul > api.js(Windows CMD) - 装个轻量扩展如
Easy New File,支持快捷键直接创建带路径的.js文件,比如src/utils/request.js
新建 .js 文件但运行报错 ReferenceError: require is not defined
这是新手高频踩坑:在浏览器环境新建了 script.js,却写了 require('fs') 或 module.exports。VS Code 只负责编辑,不决定运行环境。
-
.js文件本身无运行上下文——它可能是 Node.js 脚本,也可能是浏览器脚本,取决于你怎么执行它 - 浏览器中直接双击打开或用
live server插件运行,就不支持require、__dirname等 Node.js API - 要跑 Node.js 代码,得在终端里执行:
node script.js;且确保该文件没被浏览器加载(比如没写在<script src="..."></script>里)
文件后缀只是编辑器识别依据,不是运行环境的开关。同一份 main.js,用 node 执行和用 script 标签加载,行为天差地别。










