npm在前端项目中的常用命令(代码片段)

泠泠在路上 泠泠在路上     2022-11-30     776

关键词:

1. 初始化package.json 文件

npm init      

2. 查看npm版本

npm -v

3. 查看npm配置

npm config list       //查看npm主要配置包含:npm仓库地址,cwd路径,根目录等配置信息
npm config ls -l     //查看全部npm默认配置
npm config get key     //查看config中key对应的配置项
npm config set key=value     //设置config中key对应的配置项值为value

4. 切换仓库到淘宝镜像.

npm install xxx库 --registry https://registry.npm.taobao.org     // 一次性修改当前项目的仓库位置

或者

npm config set registry https://registry.npm.taobao.org    //永久性修改全局配置到淘宝镜像

设置完成后可以通过以下命令查看是否配置成功

npm config get registry
或 
npm info xxx库

添加cnpm 指令

设置完淘宝镜像之后可以通过如下命令定义cnpm命令。用于执行淘宝仓库中的npm指令

npm install -g cnpm --registry=https://registry.npm.taobao.org

切换回npm官方

发布npm包时需要先切换回官方地址

npm config set registry http://registry.npmjs.org 

5. 装包

dependencies 安装项目依赖包
npm install xxx --save 或者 npm install xxx -S

devDependencies 安装开发依赖包

npm install xxx --save-dev 或者 npm install xxx -D

6. 卸载安装的包

npm uninstall xxx  

7. 安装package.json里的文件

npm install

8. 全局安装 vue-cli

npm install vue-cli -g   

或者

cnpm install vue-cli -g      //cnpm为npm配置成淘宝镜像源的用法

9. 初始化vue项目

vue init webpack  "项目名称"

随附个人觉得写得不错的新建vue项目的文章:

https://www.jianshu.com/p/02b12c600c7b

npm常用命令(代码片段)

...nstall卸载模块npmupdate更新模块npmls查看已安装模块npminit在项目中引导创建一个package.json文件npmhelp查看某条命令的作用npmstart启动模块npmversion查看模块版本npm是什么?NPM是随同NodeJS一起安装的包管理工具,能解决No 查看详情

包管理工具深度解析(代码片段)

...管理工具npm:NodePackageManager,Node包管理工具。在前端项目中也使用npm来管理依赖的包。npm管理的包查看 查看详情

npm常用命令(代码片段)

...验证是否成功: npmconfiggetregistryvue-cli是一个vue专用的项目脚手架工具,可以用于方便的创建vue项目骨架代码:npminstallvue-cli-g    查看详情

npm常用命令(代码片段)

...安装到开发依赖(devDependencies),即你开发需要而你的正式项目不需要的包--save:简写-S,安装运行依赖,在npm5到如今的版本,安装运行依赖可以什么参数都不写即npmi-S[模块名]等价于npmi[模块名]全局安装-g全局安装,安装在你的npm... 查看详情

npm常用命令(代码片段)

添加用户:npmadduser添加镜像:npmconfigsetregistryhttps://registry.npm.taobao.org安装:a.命令:npm-ginstall包名#全局安装npminstall#根据package.json文件安装npminstall包名#本地安装,在npm运行目录下安装b.package.json文件:"name":"orderlee","depende 查看详情

npm常用命令整理(代码片段)

...之后可以通过如下命令定义cnpm命令。用于执行淘宝仓库中的npm指令npminstall-gcnpm--registry=https://registry.npm.tao 查看详情

npm(nodepackagemanager)常用命令(代码片段)

...装第三方包加载的第三方包和包的依赖文件都会统一放在项目的node_module文件中npminstall包名//简写npmi包名//例如npminstalljquerynpmiart-template但是,此处更推荐使用以下命令加载,能够下 查看详情

前端npm常用命令行

1.登陆npmnpmlogin2.将项目发布至npmnpmpublish3.查看已有源;其中前面带星号的为当前使用的npm源nrmls4.切换源nrmuse<源名称>或<源地址>如:nrmusetaobao/https://registry.npm.taobao.org/如:nrmusenpm/https://registry.npmjs.org/5.添加源nrmadd自定 查看详情

npm基本命令(代码片段)

以下是项目中常用npm命令:1.初始化项目(生成package.json)npminit然后根据提示填写项目信息即可2.添加依赖npminstall(i)[package]@[version](-S/-D)(-g)参数解析:1.install(i)install有一个简写i2.[package]@[version]package为npm包名,后面的@[version]可选,没... 查看详情

npm命令行(代码片段)

当获取到新的前端项目时,需要下载安装补丁包npminstall配置过淘宝镜像的可以选择(具体配置方式还没写)cnpminstall 补丁安装完成后,输入命令行运行项目npmstart  查看详情

npm常用命令(代码片段)

...tratorAppDataRoamingpmode_modules,全局安装的软件包可以在任何项目中使用,一般安装的是一些需要全局使用的命令行软件包。 --save-prod,-P,安装到当前目录下的node_modules/目录下,作为当前项目的产品阶段的依赖,会被记录到pack... 查看详情

什么是npm以及npm基本命令(代码片段)

...集成在Node.js中,随着Node.js安装时一起被安装3.常见场景前端框架开发react、Vue...,后台node开发等4.常见命令①查看版本:npm-v②下载安装包:npminstallXXX(包名)需要初始化项目生成package.json文件(这个文件保存着项目的依赖信息)... 查看详情

npm常用命令(代码片段)

npm:node的包管理工具,是在命令行做管理。cnpm:淘宝的npm镜像文件,但一般只用于下载,不用于其他操作npm流程:cd路径切换路径npminstall-gcnpm--registry=https://registry.npm.taobao.org安装cnpmnpmiyarn-g安装yarnyarn和npm区别npminstall===yarnnpminst... 查看详情

常用npm和yarn命令(代码片段)

源管理yarnconfiggetregistryyarnconfigsetregistryhttps://registry.npm.taobao.org-gyarnconfigsetsass_binary_sitehttp://cdn.npm.taobao.org/dist/node-sass-g 查看详情

nodejs(第五篇):npm常用命令包说明文件package.jsonpackjson-lock.json文件使用nodemon插件nrm的安装与使用(代码片段)

...目录生成一个package.json文件,这个文件中会记录一些关于项目的信息,比如:项目的作者,git地址,入口文件、命令设置、项目名称和版本号等等,一般情况下这个文件是必须要有的,方便后续的项目添加和其他开发人员的使用... 查看详情

npm常用命令(代码片段)

NPM的全称是NodePackageManager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。1.安装模块npminstall<package>                 安装包,默认会安... 查看详情

npm常用命令versionspublishunpublisforce(代码片段)

目录1、命令2、链接1、命令查看本电脑安装的npm版本号npm-v查看最新的npm版本号npmviewnpmversion查看npm的所有版本号,通过JSON格式展现,建议使用此方式查询npmviewnpmversions--json查看npm的所有版本号,通过JSON格式展现࿰... 查看详情

记录--前端项目中运行npmrunxxx的时候发生了什么?

...么你每天都在npm/yarnrun的命令到底是如何运行项目的呢?前端项目中运行npmrunxxx的时候发生了什么?大家都知道目前的node是捆绑npm的。npm是node的依赖管理器,虽然它不是唯一的选择,我们还有pnpm/yarn/cnpm/ni。但是,的依赖管理器... 查看详情