如何用 npm 运行本地 js 文件

安装好 npm 后,cd 到待运行 js 文件的文件夹,运行 npm init,一步步敲回车,可修改可不修改,会生成 package.json 文件

scripts 中一定得是 start,如果是别的名字 js 不运行

确保你已经安装了Node.js和npm。如果没有安装,请访问Node.js官网下载并安装。

打开命令行工具(如Windows的命令提示符或Mac的终端)。

导航到包含你的JavaScript文件的文件夹。例如,如果你的文件位于C:\Users\YourUsername\my-js-project,你可以在命令行中输入cd C:\Users\YourUsername\my-js-project。

在项目文件夹中创建一个名为package.json的文件,这是npm项目的配置文件。你可以通过运行npm init命令来创建它,然后按照提示填写相关信息。如果不想填写任何信息,可以直接按回车键直到生成一个默认的package.json文件。

在package.json文件中,添加一个名为scripts的字段,用于定义运行JavaScript文件的命令。例如,如果你的文件名为main.js,可以添加如下内容:

json 复制代码
{
  "name": "my-js-project",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "start": "node main.js"
  },
  "author": "",
  "license": "ISC"
}
相关推荐
颜酱9 分钟前
图结构完全解析:从基础概念到遍历实现
javascript·后端·算法
失忆爆表症1 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录1 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜1 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛1 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大1 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT062 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
念风零壹2 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年2 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8502 小时前
Vue 路由示例
前端·javascript·vue.js