Vue基本知识-NPM入门

Vue是一个轻量级,渐近式的JavaScript框架,即使在Angular的项目中引入Vue.js是可以的

如果要开发全新的Vue项目,可以使用项目构建工具Vue CLI,它可以快速构建一个“开箱即用”的大型单页应用。

NPM

NPM是一个NodeJS包管理和分发工具。它以其优秀的依赖管理机制和庞大的用户群体,已经发展为整个JS邻域的依赖管理工具。

要使用NPM,首先要安装Node工具,Windows用户可到官网下载安装

当安装完成后输入

npm --version

出现版本号则安装成功

新建index目录,在index目录下打开命令行。

输入npm init

一路回车,直到出现”Is this OK?“为止,此时,index目录下将出现package.json文件,这即是NPM的配置文件。

以jQuery为例安装一下依赖。

扫描二维码关注公众号,回复: 14876621 查看本文章

在命令行输入:npm install jquery --save

 

index目录下将出现node_modules目录,这里面存放的即是下载好的依赖

接下来在index目录下创建index.html文件

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1 id="title">Hello World</h1>
<script type="text/javascript" src="./node_modules/jquery/dist/jquery.min.js"></script>

<script type="text/javascript">
    $('#title').css({//使用jQuery为元素设置样式
	color:'#999',
	fontSize:'36px',
	fontStyle:'italic'
})
</script>
</body>
</html>

 这表示jQuery被引用了

淘宝镜像

由于NPM的仓库在国外,许多依赖的拉取速度十分缓慢,通常会使用淘宝镜像的cnpm来下载依赖。

cnpm安装命令:

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

安装完之后输入:

cnpm --version

如果出现cnpm的相关信息即表示安装成功。之后就可以使用cnpm来安装依赖了,以jQuery为例:

cnpm install jquery --save

 NPM常用命令:

命令(【】中的表示可选) 说明
npm init [-y|--yes] 初始化目录,生成package.json,-y和--yes参数表示所有的选项均选择yes
npm install 安装package.json 中的所有依赖
npm install --production 安装package.json中dependencies下的依赖
npm install <package> 安装指定依赖
npm install <package> [-g] 全局安装指定依赖
npm install <package> [--save-dev] 安装指定依赖,并将其记录在devDependencies中
npm install <package> [--no-save] 安装指定依赖,依赖不需要记录到package.json中
npm unistall <package> 移除指定依赖
npm prune 移除不在package.json却在node_modules中的依赖
npm update 升级全部依赖的版本
npm update <package> 升级指定依赖的版本
npm outdated 查看过期依赖
npm list <package> 查看依赖的当前版本
npm search <string> 搜索包含关键字的依赖
npm ls [-g] [--depth=0] 查看项目中或全部的依赖包,可指定层级为0
npm view <package> [field][--json] 查看依赖信息,包括历史版本;可指定field来查看某个键值;可添加--json参数以json格式显示结果
npm home <package> 在浏览器端打开依赖的主页
npm repo <package> 在浏览器端打开依赖的GitHun地址
npm docs <package> 查看依赖的文档
npm bugs <package> 查看依赖的bug

可查看NPM官方文档

猜你喜欢

转载自blog.csdn.net/m0_46965984/article/details/124535089