前端工具之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
- 前端工具之npm
- 前端工具——npm
- 《前端工程化之NPM》
- VS2015前端工具:NPM和Web Essentials
- 前端 构建工具 Gulp和 Grunt、npm
- 前端开发工具库[第一期]-npm script
- 建立一个前端的工具库---创建npm工程
- 前端工具之bower
- 前端工具之git
- 前端之工具
- 前端那些年--npm
- 前端工程管理npm
- 前端打包工具之grunt
- 前端开发工具之chrome
- 前端之构建工具-gulp
- Node.js模块与npm item3—各种前端build工具
- 前端工具之WebPack解密之背景
- 开发工具-npm使用
- ubnutn 分辨率调节
- 关于使用eclipse开发安卓时布局界面XML的graphical layout没有显示的问题
- 冷知识 —— 文学(名与字)
- ife系列之自定义鼠标右键菜单
- 数据库管理系统
- 前端工具之npm
- 从NestedScrollingChild、NestedScrollingParent源码分析嵌套滑动机制
- 链接
- HDU 1027 Ignatius and the Princess II【STL- next_permutation全拍列】
- 让字体图标代替雪碧图,减少请求带宽
- Linux命令之umask命令
- Tcp,Udp,IP的进一步的理解
- 用wifi模块开发项目
- IE8以下浏览器都不支持 opacity css样式