1、初始化
npm init
用于初始化一个新的 npm 项目。它会在你的项目目录中创建一个 package.json
文件,其中包含了项目的元数据和依赖项信息。
但是目前一般不会直接使用npm init去初始化一个前端项目,比如使用vue框架,常常使用vue-cli这个脚手架来初始化前端项目
## 安装vue-cli
npm install -g @vue/cli
或者
yarn global add @vue/cli
## 查看是否安装成功
vue -V
## 创建vue项目
vue create project—name
2、配置
npm 提供了一些命令,用于配置和管理 npm 的行为和设置。以下是一些与 npm 配置相关的常见命令:
-
npm config set <key> <value>
:设置一个 npm 配置选项的值。你可以使用此命令来更改 npm 的默认设置。-
示例:
npm config set registry https://registry.npmjs.org
-
-
npm config get <key>
:获取指定配置选项的值。通过此命令可以查看当前的配置设置。-
示例:
npm config get registry
-
-
npm config delete <key>
:删除指定的配置选项。使用此命令可以删除不再需要的配置项。-
示例:
npm config delete registry
-
-
npm config list
:列出所有的 npm 配置选项及其值。通过此命令可以查看所有配置的详细信息。 -
npm config edit
:打开 npm 的配置文件(通常是~/.npmrc
文件)进行编辑。你可以通过此命令手动编辑配置文件。 -
npm config ls -l
:以详细信息的形式列出当前的 npm 配置。此命令会显示每个配置选项的键、值和来源。 -
npm config set init-author-name "Your Name"
:设置默认的项目作者名称。当执行npm init
命令时,将使用该名称。 -
npm config set init-license "MIT"
:设置默认的项目许可证。当执行npm init
命令时,将使用该许可证。 -
npm config set proxy <proxy-url>
:设置代理服务器的 URL。如果你在使用 npm 时需要通过代理服务器访问网络,可以使用此命令配置代理。-
示例:
npm config set proxy http://proxy.example.com
-
-
npm config set registry <registry-url>
:设置 npm 的注册表 URL。通过此命令可以更改 npm 的默认注册表。-
示例:
npm config set registry https://registry.npm.taobao.org
-
这些命令可以帮助你配置和管理 npm 的行为和设置。你可以根据需要使用这些命令来自定义和优化 npm 的使用体验。记住,你可以通过运行 npm help config
命令来获取更多关于 npm 配置的详细信息和选项说明。
3、安装
-
npm install
:该命令用于安装项目的依赖项。当在项目根目录下执行此命令时,npm 会查找项目的package.json
文件,并下载并安装文件中列出的所有依赖项。-
示例:
npm install
-
-
npm install <package-name>
:这个命令可以用来仅安装特定的软件包。你需要提供软件包的名称作为参数,然后 npm 将会下载并安装该软件包。-
示例:
npm install lodash
-
-
npm install --save <package-name>
:使用此命令安装软件包后,该软件包将被添加到项目的dependencies
部分。这意味着当你在将来重新安装项目时,该软件包将自动被安装。-
示例:
npm install --save express
-
-
npm install --save-dev <package-name>
:与上一个命令类似,此命令用于安装软件包,但是将其添加到项目的devDependencies
部分。devDependencies
中的软件包通常是开发依赖项,仅在开发过程中使用,而不是在生产环境中使用。-
示例:
npm install --save-dev nodemon
-
-
npm install --global <package-name>
:使用此命令可以全局安装软件包,使其在系统的任何位置都可用。全局安装的软件包通常是命令行工具或全局可用的库。-
示例:
npm install --global gulp
-
-
npm install --production
:通过使用此命令,npm 只会安装项目的生产依赖项,即dependencies
部分中列出的软件包,而不会安装devDependencies
部分中的软件包。-
示例:
npm install --production
-
-
npm install --peer <package-name>
:用于安装对等依赖项。对等依赖项是指项目与其他软件包共享的依赖项,而不是直接列在项目的package.json
文件中。-
示例:
npm install --peer react
-
-
npm install --optional <package-name>
:使用此命令可以安装可选依赖项。可选依赖项是在某些情况下需要的软件包,但并不是项目的核心依赖项。-
示例:
npm install --optional chalk
-
-
npm install vue-router@3.1.1
npm下载依赖时,可以在依赖后面添加@然后跟上版本号
关于npm安装命令的的一些缩写
i
install的缩写
-g
global的缩写,意味着安装的包是以全局的方式进行安装的
-S
在 npm 中,-S
是 --save
的缩写形式。当你在运行 npm install
命令时,使用 -S
或 --save
选项会将安装的包添加到项目的 package.json
文件的 dependencies
列表中。这意味着在将来重新安装项目时,npm install
命令会自动安装并下载 package.json
文件中列出的依赖项。使用 -S
或 --save
选项有助于维护项目的依赖项,并确保项目在不同环境中的一致性。
需要注意的是,npm install
命令在 npm 5.0 之后的版本默认会保存依赖项,因此在新的 npm 版本中,可以省略 -S
或 --save
选项。然而,为了向后兼容和代码的可读性,仍然可以使用 -S
或 --save
选项来明确指定将依赖项保存到 package.json
文件中。
-D
是一个缩写,表示将一个软件包(package)安装为开发依赖项(devDependencies)。在开发过程中,我们通常会使用一些工具、库或者框架来帮助我们进行开发、测试、构建和调试等任务。这些工具和库通常只在开发过程中需要,而在生产环境中并不需要。通过将软件包安装为开发依赖项,我们可以将其从生产环境中排除,从而减小最终部署的应用程序的大小。这样可以提高应用程序的性能和加载速度。
使用"-D"标志安装开发依赖项的示例命令如下:
npm install package-name -D
现在,普遍大家会使用cnpm进行依赖的下载,相较于npm速度会快很多,因为cnpm是使用国内的镜像源进行依赖的下载。在配置好镜像源,之后可以通过下面命令下载cnpm
npm install -g cnpm
可以通过下面命令验证是否安装成功
cnpm -v
4、卸载
要卸载 npm 中安装的软件包,你可以使用以下命令:
-
npm uninstall <package-name>
:卸载指定的软件包。你需要提供软件包的名称作为参数,npm 将会删除该软件包及其相关的依赖项。-
示例:
npm uninstall lodash
-
-
npm uninstall --save <package-name>
:卸载软件包并将其从项目的dependencies
部分中移除。这意味着在重新安装项目时,该软件包将不会被自动安装。-
示例:
npm uninstall --save express
-
-
npm uninstall --save-dev <package-name>
:卸载软件包并将其从项目的devDependencies
部分中移除。这意味着在重新安装项目时,该软件包将不会被自动安装。-
示例:
npm uninstall --save-dev nodemon
-
-
npm uninstall --global <package-name>
:卸载全局安装的软件包。这将从系统中删除该软件包,使其不再可用。-
示例:
npm uninstall --global gulp
-
5、更新
要更新 npm 项目的依赖项,你可以使用以下命令:
-
npm update
:此命令将检查项目的package.json
文件中的依赖项,并尝试下载并安装它们的最新版本。-
示例:
npm update
-
-
npm update <package-name>
:仅更新指定软件包的版本。使用此命令,npm 将尝试下载并安装指定软件包的最新版本。-
示例:
npm update lodash
-
-
npm update -g
:此命令用于更新全局安装的软件包。它将检查全局软件包的最新版本,并进行更新。-
示例:
npm update -g gulp
-
-
npm outdated
:此命令将列出已安装的软件包中的过时依赖项。它会显示当前版本、最新版本和可用的更新版本。-
示例:
npm outdated
-
6、运行项目
使用 npm 运行脚本非常方便。你可以在项目的 package.json
文件中的 "scripts"
部分定义自己的脚本命令,并使用以下命令来运行它们:
-
npm run <script-name>
:运行在package.json
文件中定义的脚本命令。你需要提供脚本的名称作为参数。-
示例:
npm run build
运行名为 "build" 的脚本。
-
-
npm run
:如果没有指定脚本的名称,运行该命令将列出可用的脚本命令列表。-
示例:
npm run
-
使用这些命令,你可以轻松地运行项目中定义的脚本命令。下面是一些使用 npm 运行脚本的例子:
在 package.json
文件中定义脚本命令:
{
"scripts": {
"start": "node server.js",
"build": "webpack --mode production",
"test": "jest"
}
}
运行脚本命令:
-
npm run start
:运行node server.js
。 -
npm run build
:运行webpack --mode production
。 -
npm run test
:运行jest
。
你可以根据项目的需求在 scripts
部分定义任意数量的脚本命令,并使用 npm run <script-name>
命令来运行它们。