npm快速上手

js vue npm 安装 编程技术
发布日期 2023-07-16 更新日期 2023-07-16 阅读次数 111 文章字数 1.0k

npm(node package manager)是node包管理器。

node用于快速管理包,这里的包指的是一些代码,比如jquery,这些包可能有不同版本,也可能彼此之间有依赖关系,使用npm可以一行命令就完成安装、卸载某个包。

使用npm之前,需要先安装nodejs,本文不做介绍。

nodejs自带npm,使用命令检测npm的版本号:

npm -v

如果出现版本号,表示npm已经安装完毕。

更新npm版本

npm install npm@latest -g

必须追加-g参数,表示安装到全局环境下,否则有的目录可能不生效

所使用上述命令时,你会发现可能很慢,或卡住,是因为npm服务器在国外,可切换国内源

npm config set registry https://registry.npm.taobao.org

 

// 配置后可通过下面方式来验证是否成功

npm config get registry

拉取包、删除包

创建一个目录 D:\npm,接下来在这个目录下拉取一个包

初始化npm,并将得到一个package.json文件

npm init -y

拉取jquery

npm install jquery

拉取vue,使用 i 简写

npm i vue

在安装后,默认会把安装信息写入配置文件package.json文件中,你可以删除已经下载的包,但只要配置文件还在,我们使用一行命令即可一次性重新下载所有的包

npm i

删除某个包,正确的方式是

npm uninstall 包名

拉取vue,指定版本号

npm i vue@2.6.0

升级vue版本为最新版

npm update vue

常用配置项

在初始化时,npm init 不添加–y

此时,它会询问很多问题,实际上它会输入的内容,就在package.json中,我们可以直接编辑package.json文件

在package.json文件中,有一个scripts键名,是npm的一些指令,默认有一个test

npm run test

对于dependencies项,表示依赖,是通用的依赖,如果只想在开发环境下使用

npm i webpack --save-dev

运行上述命令,可拉取webpack,并仅在开发环境下使用。其中 -dev表示development即开发环境,–save表示保存到package.json文件中。

安装cnpm

cnpm是淘宝镜像,加速下载,原taobao.org,现改域名npmmirror.com

npm install -g cnpm --registry=https://registry.npmmirror.com

安装完毕后,使用cnpm替代npm进行下载

cnpm i vue@2.6.0

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-448.html

版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。

js vue npm 安装

发表评论

相关推荐
朱丰华   |   1年前   |   页面 · 监听

iframe子父页面信息传递与监听

429    评论    点赞
朱丰华   |   1年前   |   linux · upx

Linux下安装UPX

450    评论    点赞
朱丰华   |   1年前   |   请求 · 一个

ab测压命令,apache测压工具

196    评论    点赞
朱丰华   |   1年前   |   php · 缓存 · opcache

php 加速、提高并发opcache

223    评论    点赞
朱丰华   |   1年前   |   < · iframe

让iframe嵌入的视频自适应 (100%宽度)?

138    评论    点赞
朱丰华   |   1年前   |   js · 重复

js如何避免重复监听addEventListener事件?

147    评论    点赞
朱丰华   |   1年前   |   go · gopath

Go自定义包并安装(GOPATH)

130    评论    点赞
朱丰华   |   1年前   |   html · id · <

html同一个页面有两个相同id ,如何用id选择器选中

123    评论    点赞
朱丰华   |   1年前   |   php

windows下编写、编译php扩展

177    评论    点赞
朱丰华   |   1年前   |   html

npm clean-mark,抓取网页文章内容,转换成markdown、html、txt

200    评论    点赞
朱丰华   |   1年前   |   js · export · import

js es6 export,import,export default的用法和区别

138    评论    点赞
朱丰华   |   1年前   |   js · vue · 监听

js vue监听,深度监听

123    评论    点赞
朱丰华   |   1年前   |   centos

centos安装golang

103    评论    点赞
朱丰华   |   1年前   |   vue · model

vue语法v-model原理与实现

131    评论    点赞
朱丰华   |   1年前   |   html · npm · audit

npm报错、原因:run `npm audit fix` to fix them, or `npm audit` for details html

80    评论    点赞
朱丰华   |   1年前   |   javascript · js · obfuscator · 混淆

javascript-obfuscator混淆js文件

60    评论    点赞
朱丰华   |   1年前   |   js · 模块 · nodejs

nodejs引入自定义模块

57    评论    点赞
朱丰华   |   1年前   |   nvm · git · 安装

entos7安装、使用nvm

84    评论    点赞
朱丰华   |   1年前   |   js · 滚动 · html

原生js实现顶部进度条效果

67    评论    点赞
朱丰华   |   1年前   |   python · 安装

python安装、重新安装pip

108    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞