npm以及package.json⽂件使⽤和说明
前端技术的应⽤确是⽐较多⽽繁杂,⾯对各种JS 框架、UI 框架“数不胜数”,在加上各种前端技术得⽇益更新,之前⽤过的东西忽然之间发现有⼀种更好的替代⽅案,因此将之前⽤过的东西抛开⼀端,这正也是技术的进步促进淘汰的体现。
对于前端⼯程师的任务和挑战也挺多,⾯对⼀些⾼体现的移动端跨平台框架,如Weex 、React-Native或者Flutter ⼜或者是Dcloud 公司出品的uni-app ,在程序开发的道路上,然⽽这些都需要去了解和学习。
npm 就是让⽆数前端代码统⼀在仓库中进⾏管理,我们只需要到⾃⼰需要的依赖,然后再去使⽤它。
索引
安装 npm
初始化npm:
通常每个前端项⽬的根⽬录都会有⼀个⽂件时package.json。该⽂件可以定义项⽬需要得的各种模块,以及项⽬的配置信息等。如果没有需要⼿动使⽤命令⾏初始化 package.json。
// 该命令会将启动程序,将会要求您输⼊项⽬的基本信息,如项⽬名、版本号、⼊⼝⽂件等
npm init
// 将创建默认的package.json ⽂件
npm init --yes
package.json ⽂件说明:
{
"name":"my_package",
"description":"",
"version":"1.0.0",
"author":"Raccoon",
"main":"index.js",
"scripts":{
"start":"node hello.js"
},
"dependencies":{
"react":"^16.4.2",
"webpack":"3.8.1",
...
},
"devDependencies":{
好用的前端框架"axios":"^0.18.0",
"less":"^3.8.1",
.
..
}
"repository":{
"type":"git",
"url":"github/ashleygwilliams/my_package.git"
},
...
}
name :当前⽬录名
description:package.json ⽂件描述或者 空字符 “”
author:作者
version:版本号
main:指定的⼊⼝⽂件,默认是根⽬录下的index.js
scripts:指定可执⾏的npm脚本
repository:指定项⽬存放的地址,如git 仓库存放的url
dependencies:定义项⽬所依赖的模块
devDependencies:定义项⽬所需要使⽤的模块
dependencies 字段和devDependencies 字段说明:
指定版本号:如1.0.0,版本号前不带任何前缀
波浪号 + 版本号:如~1.2.2,表⽰安装1.2.x 的最新版本,但不能⾼于1.3.0 的版本插⼊号 + 版本号:如^3.8.1,表⽰安装3.x.x的最新版本,但是不安装4.0.0 的版本latest:如 “axios”: “latest” ,则表⽰安装最新版本
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论