室内装修网站html源码 企业,免费网络电视直播,简单网页的制作,wordpress用户界面npm常用命令 前端常用的包管理工具 以及 npm淘宝镜像配置等 1. 前言1.1 NodeJs的下载安装1.2 windows上1.3 常用包管理工具 2. npm2.1 npm 的安装2.2 npm初始化包2.3 npm 安装、卸载包2.3.1 非全局安装2.3.1.1 单个包的安装2.3.1.1.1 默认版本安装2.3.1.1.2 指定版本安装 2.3.… npm常用命令 前端常用的包管理工具 以及 npm淘宝镜像配置等 1. 前言1.1 NodeJs的下载安装1.2 windows上1.3 常用包管理工具 2. npm2.1 npm 的安装2.2 npm初始化包2.3 npm 安装、卸载包2.3.1 非全局安装2.3.1.1 单个包的安装2.3.1.1.1 默认版本安装2.3.1.1.2 指定版本安装 2.3.1.2 安装所有包2.3.1.3 卸载包 2.3.2 npm全局安装、卸载 2.4 npm配置命令别名2.5 npm 配置淘宝镜像2.5.1 使用命令直接配置2.5.2 使用 nrm 工具配置 3. cnpm3.1 cnpm的安装 与 简单使用 4. yarn5. 总结5.1 npm 常用命令5.1.1 npm初始化包5.1.2 安装包命令单个包5.1.3 安装所有包5.1.4 更新、卸载包命令5.1.5 npm全局相关命令 5.2 nrm 相关的常用命令 1. 前言
1.1 NodeJs的下载安装
下载地址 官网 https://nodejs.org/en.中文网站 https://nodejs.org/zh-cn. 安装之后使用 node -v 命令查看安装的版本如下
1.2 windows上
关于windows上的安装可以参考下面的文章 vue2入门——菜鸟级1篇.
1.3 常用包管理工具
前端常用的包管理工具有npm、cnpm、yarn更多请继续……
2. npm
前端常用的包管理工具有npm、yarn、cnpm
2.1 npm 的安装
npm 的全称是 Node Package Manager即node 的包管理工具npm 是node.js 官方内置的包管理工具所以在安装 NodeJs 时会自动安装 npm如果已经安装了 NodeJs 可以通过命令 npm -v 查看安装版本如下
2.2 npm初始化包
初始化命令如下 交互式命令npm init如下 快速创建的命令默认创建如下npm init -y
或
npm init --yes2.3 npm 安装、卸载包
2.3.1 非全局安装
2.3.1.1 单个包的安装
2.3.1.1.1 默认版本安装
比如现在要用日期格式的有一个js 是 dayjs.min.js如果要用的话可以直接下载然后 html 引入使用如下 https://www.bootcdn.cn/. 如果要在 node 初始化后的项目使用的话直接安装如下 去下面地址可以搜索对应的包 https://www.npmjs.com/ 然后复制安装命令并执行即可npm i dayjs或者npm install dayjs安装之后js内导入即可使用如下// 导入 dayjs 的包
const dayjs_2 require(dayjs);// 测试使用 dayjs
// 注意dayjs_1 要与上面定义的保持一致const dayjs_1
var date dayjs_2(Date.now()).format(YYYY-MM-DD);2.3.1.1.2 指定版本安装 语法 npm i 包名版本号安装或更新如下 npm i dayjs1.11.7如果已经安装自动更新
2.3.1.2 安装所有包 在新 down 的的项目里会需要很多的包可以执行下面的命令将根据 package.json 和 package-lock.json 的依赖声明安装项目所需的所有依赖如下 npm i #懒人版或npm install # 码农版2.3.1.3 卸载包
如下命令都可npm remove dayjsnpm r dayjsnpm rm dayjs2.3.2 npm全局安装、卸载
语法 码农版npm install --global 包名懒人版:npm i -g 包名安装 typings 全局包命令npm i -g typings 我这边是Mac有权限问题所以加 sudo ,如下sudo npm i -g typings查看已安装的全局包npm ls -g #查看所有
npm ls -g typings #查看已安装的指定包更新全局包npm update -g 包名sudo npm update -g typings # Mac卸载全局包npm remove -g 包名
npm rm -g 包名sudo npm rm -g typings查看全局包的所在目录npm root -g2.4 npm配置命令别名
可将我们上述执行的 test.js 的执行命令配置一个别名用npm命令执行如下 先在 package.json 文件中配置exeTest:node ./test.js 执行看效果npm run exeTest2.5 npm 配置淘宝镜像
2.5.1 使用命令直接配置
网址npmmirror 镜像站.命令如下npm config set registry https://registry.npmmirror.com2.5.2 使用 nrm 工具配置
首先安装 nrmnpm registry manager命令如下sudo npm i -g nrm查看支持的镜像地址nrm ls根据支持的镜像地址选择镜像地址进行切换nrm use taobao # 切换淘宝镜像查看现在使用的镜像地址npm config list3. cnpm
3.1 cnpm的安装 与 简单使用 网址npmmirror 镜像站. 安装命令 sudo npm install -g cnpm --registryhttps://registry.npmmirror.com安装之后查看版本 cnpm -v关于cnpm 初始化、安装包、卸载包等使用与npm是一样的如下命令等不再多说。 cnpm init
cnpm i dayjs1.11.74. yarn
yarn 的安装:sudo npm i -g yarn关于yarn速度快、安全、可靠更多请去 yarn 的官网 https://yarnpkg.com/具体使用命令请参考官网https://yarnpkg.com/getting-started/usage.
5. 总结
5.1 npm 常用命令
5.1.1 npm初始化包
如下npm init
npm init -y # 快速创建默认5.1.2 安装包命令单个包
语法npm i 包名
或
npm install 包名生产依赖npm i -S dayjs或npm i --save dayjs其中-S 等效于--save-S 是默认选项。开发依赖npm i -D dayjs或npm i --save-dev dayjs其中-D 等效于 --save-dev。默认安装 不加选项的话默认以生产依赖方式安装。
5.1.3 安装所有包
对于新下载下来的项目需要如下npm i #懒人版或npm install # 码农版5.1.4 更新、卸载包命令
指定版本更新npm i dayjs1.11.7卸载命令npm remove dayjsnpm r dayjsnpm rm dayjs5.1.5 npm全局相关命令
如下npm ls -g #查看所有已经安装的全局包
npm ls -g typings #查看已安装的指定包npm root -g # 查看全局包的安装目录sudo npm i -g typings #安装sudo npm update -g typings # 更新sudo npm remove -g typings # 卸载
sudo npm rm -g typings # 卸载5.2 nrm 相关的常用命令
查看支持的镜像地址nrm ls根据支持的镜像地址选择镜像地址进行切换nrm use taobao # 切换淘宝镜像查看现在使用的镜像地址npm config list
