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为例安装一下依赖。
在命令行输入: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官方文档