前端工具之npm

来源:互联网 发布:windows平板可以做什么 编辑:程序博客网 时间:2024/05/16 01:12

1、什么是npm

npm是nodeJs的包管理器,使JavaScript开发人员可以轻松地共享和重用代码,并且可以轻松更新您共享的代码。NodeJs自带npm,所以下载安装NodeJs即可。那为什么前端也需要知道npm呢,nodeJs不是后台开发吗?其实前端工具bower、gulp等等前端工具都依赖于npm,所以在这里介绍下npm。

2、安装npm包

//本地安装npm install <package_name>//全局安装npm install <package_name> -g//添加依赖性npm install <package_name> --savenpm install <package_name> --save-dev

有两种方法来安装npm包:本地或全局。您可以根据要使用的软件包选择要使用的安装类型:本地安装即类似Node.js的require,在自己项目中安装然后引入使用;全局安装会将npm包下载安装到node安装文件夹中,然后作为命令行工具来使用。
添加依赖性也有两种方法 –save–save-dev,分别添加到package.json的 dependencies(发布之后还依赖的东西) 和 devDependencies(开发时候依赖的东西),具体使用哪个,取决于如何使用这种依赖性。比如,你写ES6代码,如果你想编译成ES5发布那么babel就是devDependencies。如果你用了jQuery,由于发布之后还是依赖jQuery,所以是dependencies。

3、使用package.json

管理npm包的最好方法是创建一个package.json文件,可以用作项目所依赖的包的文档、指定项目可以使用的包的版本及重现项目构建。

//启动命令行问卷,在启动命令的目录中创建一个package.jsonnpm init//填写默认值npm init --yes

package.json内容介绍:

{  “name”:“my_package”, //包名  “description”:“”, //包的描述信息  “version”:“1.0.0”,//包的版本信息  “main”:“index.js”,//模块的入口文件  “scripts”:{  //钩子,定义一些脚本操作,比如测试之类的(NodeJs)    “test”:“echo \”错误:未指定测试\“&&退出1”  },  “keywords”:[], //关键字集合  “author”:“”,   //包的作者  “license”:“ISC”,//证书  “repository”:{  //存储地址信息type”:“git”,    “url”:“ https://github.com/ashleygwilliams/my_package.git ”  },  “bugs”:{  //bug信息    “url”:“ https://github.com/ashleygwilliams/my_package/issues ”  },  “homepage”:“ https://github.com/ashleygwilliams/my_package ” //包的网站主页介绍}}

4、常用命令

//更新本地包(如果是更新全局包,必须使用-g)npm update//卸载本地包(如果包在package.json中依赖性,必须使用--save或者--save-dev卸载,如安装的时候,全局包同理添加-g)npm uninstall <package>

5、其他

npm包的开发流程,与NodeJs开发有关,不做详细介绍。。。

//创建npm用户npm adduser//登录,在客户端上存储凭据npm login//确保凭据存储在客户端上npm config ls//发布包npm publish
0 0
原创粉丝点击