NPM使用詳細(上)

9853 ワード

1、NPMとは何ですか
NPMはJavaScriptのカバン管理ツールです.NodeJSをインストールする時に、npmを自動的にインストールします.
インストールされたnpmバージョンを見るには、cmdコンソールを開くだけでnpm -vを入力します.
NPMはJavaScriptの開発者がコードを共有したり、再利用したりすることを容易にします.また、あなたが共有するコードを簡単に更新することができますか?
NPMは自分自身をアップグレードできます.使用コマンドは以下の通りです.
2、NPMの使用
以下のコード例では、<>は必須パラメータを表し、[]はオプションパラメータを表します.
湖南省で最もよく使われている命令
2.1、init:イニシャル項目用
/*

 * npm init [-f|--force|-y|--yes]

 */



//       cmd,    npm init,         

npm init 



//         npm module name,

//        ,           package.json

//            ,     

npm init -f

npm init --force

npm init --force=true 

npm init -y

npm init --yes

npm init --yes=true

2.2、install:モジュールの取り付け用
/*

 * npm install (with no args in a package dir)

 * npm install <tarball file>

 * npm install <tarball url>

 * npm install <folder>

 * npm install [@<scope>/]<name> [--save|--save-dev|--save-optional] [--save-exact]

 * npm install [@<scope>/]<name>@<tag>

 * npm install [@<scope>/]<name>@<version>

 * npm install [@<scope>/]<name>@<version range>

 * npm i (with any of the previous argument usage)

 */



//    npm install    npm i,    package.json,      

npm install

npm i



//    --production  ,      dependencies   ,

//     devDependencies    

npm install --production

npm i --production



//           

npm install -g

npm i -g



//      

npm install <packageName>

npm install <packageName> -g //    

npm install <packageName>@<version> //          

npm install <packageName>@<version_start-version_end> //          

npm install <packageName> --registry=<url> //         

npm install <packageName> --msvs_version=<vs_version> //       VS  

npm install <packageName> --save //        package.json dependencies

npm install <packageName> --save-dev //       package.json devDependencies



npm install <tarball url> //           ,    :

npm install https://github.com/indexzero/forever/tarball/v0.5.6



npm install <tarball file> //         ,  (       ):

npm install del-1.2.0.tar.gz //  .tgz .tar.gz  



npm install @<scope>/<packageName> //     

2.3、uninstall:モジュールをアンインストールするためのもの
/*

 * npm uninstall [@<scope>/]<package> [--save|--save-dev|--save-optional]

 */



//      ,  -g  ,         

npm uninstall <packageName> 

npm uninstall <packageName> -g



//       package.json  

npm uninstall <packageName> --save-dev

npm uninstall <packageName> --save

2.4、udate:モジュール更新用
/*

 * npm update [-g] [<name> [<name> ...]]

 */



//         ,  -g  ,         

npm update <packageName> [packageName2...]

npm update <packageName> [packageName2...] -g



//       package.json  

npm update <packageName> [packageName2...] --save-dev

npm update <packageName> [packageName2...] --save

2.5、config:npmパラメータ設定用
//      

npm config set <key> <value> [--global]

npm set <key> <value> [--global] //    config

//       

npm config get <key>

npm get <key> //    config

//      ,           

npm config delete <key>

//  npm  ;  :             

npm config list

//     npm    (.npmrc)

npm config edit

//   config  c  ,        

npm c [set|get|delete|list]

2.6、cache:管理パッケージキャッシュ
//       npm  

npm cache add <tarball file>

npm cache add <folder>

npm cache add <tarball url>

npm cache add <name>@<version>

//     npm   ,    path  ,          

npm cache ls [<path>] 

eg: npm cache ls gulp

//    。    path,            

npm cache clean [<path>]

eg: npm cache clean gulp

 
<!--
//*GigtHub styless heet for MarkdownPad(http://markdownpad.com)*/
//Author:Nicolas Hery-http://nicolashery.com */
//*Version:b 13 fe 65 ca 28 d 2 e 568 c 6 d 7 f 0581183 df 8 f 2 ff*/
//*Source:https://github.com/nicolahery/markdownpad-github */
//*RESET
==================================================================================================================================
これは、body、div、span、apaplet、Object、iframe、h 1、h 2、h 3、h 4、h 5、h 6、p、blockquot、pre、a、abbr、acronm、address、big、cite、code、del、dfn、em、em、mm、em、mm、mm、mm、mm、mm、mm、mm、mm、mb、cccc、c、cs、cd、em、m、c、c、cs、cd、cd、cd、cd、cd、cd、em、em、cd、em、cd、em、cd、em、cd、m、li、fieldset、form、label、legend、table、caption、tbody、tfoot、thead、tr、th、td、articale、aside、canvas、details、embed、figcaption、footer、header、hgroup、menu、nav、output、ruby、section、summary、time、mark、audio、video
magin:0
padding:0
border:0
)
/*BODY
==================================================================================================================================
body{
font-family:Helvetica、アリル、freesans、clean、sans-serif;
font-size:14 px
line-height:1.6;
カラー:_;
background-カラー:
padding:20 px
margin:0 atot;
)
body>*:first-child{
magin-top:0!import;
)
body>*:last-child{
magin-bottom:0!impotant;
)
//*BLOCKS
==================================================================================================================================
p,blockquot te,ul,ol,dl,table,pre{
magin:15 px 0
)
//*HEADERS
==================================================================================================================================
h 1,h 2,h 3,h 4,h 5,h 6{
magin:20 px 0 10 px;
padding:0
font-weight:bold;
-webkit-font-smothing:antialiased;
)
h 1 tt,h 1 code,h 2 tt,h 2 code,h 3 tt,h 3 code,h 4 tt,h 4 code,h 5 code,h 6 tt,h 6 code{
font-size:inherit;
)
h 1{
font-size:28 px
カラー:(zhi 000)
)
h 2{
font-size:24 px
border-bottom:1 px sonid菗cc;
カラー:(zhi 000)
)
h 3{
font-size:18 px
)
h 4{
font-size:16 px
)
h 5{
font-size:14 px
)
h 6{
カラー:菗777
font-size:14 px
)
body>h 2:first-child、body>h 1:first-child,body>h 1:first-child+h 2,body>h 3:first-child、body>h 4:first-child、body>h 5:first-child、body>h 6:first-child{
magin-top:0
padding-top:0
)
a:first-child h 1,a:first-child h 2,a:first-child h 3,a:first-child h 4,a:first-child h 5,a:first-child h 6{
magin-top:0
padding-top:0
)
h 1+p,h 2+p,h 3+p,h 4+p,h 5+p,h 6+p{
magin-top:10 px;
)
//*LINKS
==================================================================================================================================
a{
カラー:落4183C 4
text-decoration:none;
)
a:hover{
text-decoration:undeline;
)
//*LISTS
==================================================================================================================================
l,ol{
padding-left:30 px
)
ul li>first-child
ol ligt;first-child
ul li ul:first-off-type、
ol ol:first-off-type、
ul lil:first-off-type,
ol lil:first-off-type{
magin-top:0 px;
)
ul,ul l,ol,ol,ol ul{
magin-bottom:0
)
dl{
padding:0
)
dl dt{
font-size:14 px
font-weight:bold;
font-style:italic
padding:0
magin:15 px 0 5 px;
)
dl dt:first-child{
padding:0
)
dl dt>first-child{
magin-top:0 px;
)
dl dt>last-child{
magin-bottom:0 px;
)
dl dd{
magin:0 15 px;
padding:0 15 px
)
dl dd>first-child{
magin-top:0 px;
)
dl dd>last-child{
magin-bottom:0 px;
)
//*コード
==================================================================================================================================
pre、code、tt{
font-size:12 px
font-family:Cosolas、「Libersion Mono」、Courier、monopace;
)
code、tt{
margin:0 px;
padding:0 px 0 px
white-space:nowrap;
border:1 px sold萼ea;
background-f 8 f 8;
border-radius:3 px;
)
pregt;code{
magin:0
padding:0
white-space:pre;
border:none
background:transparent;
)
pre{
background-f 8 f 8;
border:1 px sold啢cc;
font-size:13 px
line-height:19 px;
overflow:atot;
padding:6 px 10 px
border-radius:3 px;
)
pre code、pre tt{
background-カラー:transparent;
border:none
)
kbd{
-moz-border-bottom-colors:none;
-moz-border-left-colors:none;
-moz-border-right-colors:none;
-moz-border-top-colors:none;
background-彩色:菗DDD;
background-mage:linea-gradient
background-repeat:repeat-x;
border-カラー:(菗DDDDDDD.C.芰CCCC芰33751;CCC C.菗菗DDDDD;;;;
border-inage:none
border-radius:2 px 2 px 2 px 2 px;
border-style:sold;
border-width:1 px;
font-family:「Helvetica Neue」,Helvetica,Arial,sans-serif;
line-height:10 px;
padding:1 px 4 px
)
//QUOTES
==================================================================================================================================
ブロック{
border-left:4 px sonid菗DDD;
padding:0 15 px
カラー:菗777
)
ブロックquot;first-child{
magin-top:0 px;
)
ブロックquot;last-child{
magin-bottom:0 px;
)
//*HORIZONTL RULES
==================================================================================================================================
hr{
clear:both;
magin:15 px 0
height:0 px
overflow:hidden
border:none
background:transparent;
border-bottom:4 px sold菗ddd;
padding:0
)
//IMAGES
==================================================================================================================================
[img]
max-width:100%
)
-->