npm init 初始化项目
最编程
2024-02-07 21:08:16
...
三、npm 创建项目
上一节已经介绍了 npm 的安装,这一节来介绍 npm 的使用。首先使用 npm 创建一个项目。
3.1 npm init 创建 package.json
1. 背景故事
在很久很久以前,dk 要开发一个前端项目,在计算机的某个旮沓地方建立了一个文件夹叫 dk_project,就称为这是一个“项目”了。
又过了很久,dk 离开了公司,来了位新同事,在接手 dk 工作的时候发现计算机上面的 dk_project 文件夹,因为没有任何明显的
标识,就被当成普通文件夹给 DELETE 掉了。
回到现代,随着 npm 的诞生,人们意识到建立一个项目目录不应该这么草率,于是乎规定,
如果某个文件夹被创建作为一个项目目录,那么它就应该包含一个 package.json 的文件。
package.json 文件里记录项目的描述信息:项目作者、项目描述、项目依赖哪些包、插件配置信息等等数不清的好处。
2. 创建项目描述文件 package.json
注意:下面的这些操作都是在黑窗口(DOS窗口)进行的。
第一步
在 d 盘下新建一个目录 demo 作为项目目录并在 dos 窗口切换到该目录下。
$ d:
$ cd D:\demo
第二步
使用 npm init 指令创建项目描述文件 package.json。
命令行里会以交互的形式让你填一些项目的介绍信息,依次介绍如下:(不知道怎么填的直接回车、回车...)
- name 项目名称
- version 项目的版本号
- description 项目的描述信息
- entry point 项目的入口文件
- test command 项目启动时脚本命令
- git repository 如果你有 Git 地址,可以将这个项目放到你的 Git 仓库里
- keywords 关键词
- author 作者叫啥
- license 项目要发行的时候需要的证书,平时玩玩忽略它
第三步
在项目目录下会自动生成 package.json 文件,打开可以看到刚才配置的项目信息。
3. 来点看得见的东东
在项目根目录下新建文件 index.js,并在其输入以下代码:
console.log('hello world');
在 dos 窗口中切换到项目根目录下,输入 node index.js 可以看到打印出来的信息。
$ d:
$ cd D:\demo
$ node index.js
这是 node 的入门 demo,当然这里并不介绍 Node。
package.json 在整个项目中还是很重要的,我们拿到一个新项目,第一步要看的就是 package.json 文件,这里面会传递项目信息。
下一节将详细讲解 package.json 的属性配置,让你能轻松看懂 package.json。
下一节:3.2 package.json 详解
推荐阅读
-
解决 npm init vue@latest 证书过期问题:npm ERR! 代码 CERT_HAS_EXPIRED
-
前端开发:项目运行 npm install 提示 XXX ...为获得资金运行 `npm fund`... 为获得资金运行 `npm fund`...
-
Vue 使用 echarts(完整版,解决各种报告的错误)--注意:如果是全局模块错误,则进行全局更新,如果是项目模块错误,则移除(rimraf node_modules)重新安装(npm i)
-
Go-React 制作 todolist(服务器端) [I] 项目初始化-初始化模块
-
IOS UI 自动化测试实践:pyhton-wda 环境设置篇-Xcode 版本:10.1iphone 版本:12.0.1OS 版本:10.13.6 实践开始 创建一个新目录并从 git 下载 WDA 项目代码。 git clone https://github.com/facebook/WebDriverAgent 并运行初始化脚本。 ./Scripts/bootstrap.sh 出现以下错误信息:原因:Carthage 需要下载相关的依赖项,而这些依赖项并未在本地安装。 解决方法通过 brew 下载并安装依赖项: brew install carthage 下载成功并初始化脚本后,出现以下错误:原因:需要 npm 来打包响应 js 文件,而机器上未安装该文件。 解决方案:通过 brew 下载并安装 npm(注:brew 真的是个好东西):brew install npm 安装成功后,继续初始化脚本。/Scripts/bootstrap.sh Xcode 相关操作
-
git 入门:初始化、拉取项目、提交代码
-
ArkUI】【HarmonyOS】Harmonyets 项目如何以 npm 方式引入第三方 js 库
-
前端项目指定 npm 源 - .npmrc - .npmrc 文件配置
-
在项目中设置私有 npm 源代码
-
npx & yarn create & npm init