前端开发-----包管理npm安装和下载

包的安装

安装(install)即下载包
由于 npm 的官方 registry 服务器位于国外,可能受网速影响导致下载缓慢或失败。因此,安装好 npm 之后,需要重新设置 registry 的地址为国内地址。目前,淘宝 https://registry.npm.taobao.org 提供了国内的 registry 地址,先设置到该地址。设置方式为npm config set registry https://registry.npm.taobao.org。设置好后,通过命令npm config get registry进行检查
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YQj6D9vG-1600169429363)(assets/2019-12-16-10-25-13.png)]

npm 安装一个包,分为两种安装方式:

  1. 本地安装
  2. 全局安装

本地安装

使用命令npm install 包名npm i 包名即可完成本地安装

本地安装的包出现在当前目录下的node_modules目录中

随着开发的进展,node_modules目录会变得异常庞大,目录下的内容不适合直接传输到生产环境,因此通常使用.gitignore文件忽略该目录中的内容
本地安装适用于绝大部分的包,它会在当前目录及其子目录中发挥作用
通常在项目的根目录中使用本地安装
安装一个包的时候,npm 会自动管理依赖,它会下载该包的依赖包到node_modules目录中
如果本地安装的包带有 CLI,npm 会将它的 CLI 脚本文件放置到node_modules/.bin下,使用命令npx 命令名即可调用

全局安装

全局安装的包放置在一个特殊的全局目录,该目录可以通过命令npm config get prefix查看

使用命令npm install --global 包名npm i -g 包名

重要:全局安装的包并非所有工程可用,它仅提供全局的 CLI 工具

大部分情况下,都不需要全局安装包,除非:

  1. 包的版本非常稳定,很少有大的更新
  2. 提供的 CLI 工具在各个工程中使用的非常频繁
  3. CLI 工具仅为开发环境提供支持,而非部署环境
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 启动一个前端 Vue CLI 项目需要执行以下步骤: 1. 确保已经安装Node.jsnpm。 2. 打开命令行终端,进入到 Vue 项目的根目录。 3. 在命令行终端中运行 `npm install` 命令,以安装项目所依赖的所有和依赖项。 4. 安装完成后,在命令行终端中运行 `npm run serve` 命令,以启动开发服务器。 5. 服务器启动后,打开浏览器并输入 `http://localhost:8080` 地址,即可访问项目。 注意:在执行以上步骤之前,需要先在项目根目录下的 `package.json` 文件中配置好项目所需的依赖项和脚本命令。 ### 回答2: 要启动一个前端Vue-cli项目,需要按照以下步骤进行操作: 1. 安装Node.js:首先需要确保电脑上安装Node.js,可以在官网(https://nodejs.org/)下载安装合适版本。 2. 安装Vue-cli:在命令行中运行以下命令来全局安装Vue-cli:npm install -g @vue/cli 3. 创建项目:在命令行中进入到项目想要存放的目录,运行以下命令来创建一个新的Vue项目:vue create 项目名 4. 配置项目:运行上述命令后,命令行会提示选择配置文件。可以选择默认的配置(default),或者手动选择需要的配置,如TypeScript、Router、Vuex等。根据项目需求进行选择。 5. 启动项目:在项目目录下,运行命令:cd 项目名,然后运行以下命令来启动项目:npm run serve 6. 访问项目:项目启动后,命令行中会显示访问的地址(通常为localhost:8080)。在浏览器中输入该地址,即可访问项目。 以上为启动一个前端Vue-cli项目的基本步骤。在项目启动后,可以对Vue-cli进行详细配置和开发,进行开发调试和构建等操作。根据项目的具体需求,还可以添加路由、管理状态、引入组件库等进一步开发。 ### 回答3: 要启动一个前端Vue-cli项目,您可以按照以下步骤进行操作: 1. 首先,确保您的计算机已经安装Node.jsnpmNode.js管理器)。您可以在终端或命令提示符中运行`node -v`和`npm -v`来检查它们是否已经安装。 2. 打开终端或命令提示符,转到您的项目文件夹的根目录。 3. 在项目文件夹中,运行以下命令以安装项目的依赖项:`npm install`。这将根据项目中的package.json文件中的依赖项列表来下载安装所需的。 4. 安装完成后,您可以使用以下命令来启动项目:`npm run serve`。这将启动一个开发服务器,并将您的Vue应用程序运行在本地主机的某个端口上。 5. 在终端或命令提示符中,您将看到相关的输出信息,其中括您的应用程序正在运行的URL地址。您可以在浏览器中访问该URL以查看和测试您的应用程序。 请注意,如果您已经在Vue项目的package.json文件中配置了其他脚本命令,您可以使用类似的方式来执行它们,例如运行构建脚本`npm run build`来生成生产环境中的应用程序。 希望以上的解答对您有所帮助!如果您对任何步骤或概念有疑问,请随时追问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值