Yarn 包管理工具

已经安装的

yarn add vue

vue@2.2.5

yarn add  element-ui -S 

yarn add bootstrap@4.0.0-alpha.6 --save

 

yarn add @ng-bootstrap/ng-bootstrap --save

ng-bootstrap 以指令 (directive) 的形式提供组件， 方便在 html 视图中使用， 选择器 (selector) 使用同一的前缀 ngb ， 类名则统一使用 Ngb 前缀。

更详细的博客

http://www.open-open.com/lib/view/open1478485680274.html

yarn 原仓库 包下载不 稳定，需要设置仓库为 tnpm 或在 cnpm

yarn config set registry “https://registry.npm.taobao.org”

Yarn 包管理工具 介绍:

Facebook出的，因为 node自带的 npm 包管理工具有缺陷

似乎是它独有的特性--离线模式: 一次在线联网安装包，永久离线使用，无需再联网重复地下载

直接用 Yarn官网 的描述 : （注：查看官网的文档和下载安装包可能需要***）

 

 

 

 

 

下载, 安装, 配置环境变量

下载

最新稳定版： v0.21.3，（2017.3.18 最新），有候选发布版本 v0.22.0 

我把下载链接放在CSDN上：

http://download.csdn.net/detail/xiaocong2015/9785955

5M左右，不大

安装

一直下一步，我安装在C盘，因为我的node也是安装在那里。我不清楚安装在其他盘会不会影响到后面的操作，所以保险起见，安装在C盘

安装在  C:\Program Files (x86)\Yarn\bin

配置环境变量

这是为了告诉 cmd命令窗口 去 C:\Program Files (x86)\Yarn\bin 文件夹下执行yarn命令，具体的操作百度吧

我是用 “在PATH里引用环境变量”  这种方式来配置的

 

验证是否安装成功：yarn --version

如果出现版本号，说明安装成功 且 环境变量配置正确

没有的话，极有可能是环境变量配置错误

使用：

官方文档截图：

实际操作：

yarn init

先cd到你的项目的文件夹下

如果yarn命令不可用，检查一下环境变量是否配置正确

安装过程中，我什么都不写一直回车，全部用默认配置：

倒数第二行提示会在当前文件夹下生成如下 package.json 文件：

（此文件功能：描述项目的基本信息和依赖包的信息）

yarn add jquery

注释  : " jquery " 和 " jQuery " 似乎是不同的包，也就是说，包名区分大小写

yarn add jQuery

 

安装了两个包后，package.json 文件会自动变成这样：

 

看已经安装了的

yarn list

我标红色的是重点，不是报错

效果 3.26.2017：

yarn list v0.21.3

warning No license field

├─ @ng-bootstrap/ng-bootstrap@1.0.0-alpha.22

├─ ansi-regex@2.1.1

├─ ansi-styles@2.2.1

├─ async-validator@1.6.8

├─ babel-helper-vue-jsx-merge-props@2.0.2

├─ balanced-match@0.4.2

├─ block-stream@0.0.9

│  └─ inherits@~2.0.0

├─ bootstrap@4.0.0-alpha.6

│  ├─ jquery@>=1.9.1

│  └─ tether@^1.4.0

├─ brace-expansion@1.1.6

│  ├─ balanced-match@^0.4.1

│  └─ concat-map@0.0.1

├─ buffer-from@0.1.1

│  └─ is-array-buffer-x@^1.0.13

├─ buffer-shims@1.0.0

├─ builtins@1.0.3

├─ chalk@1.1.3

│  ├─ ansi-styles@^2.2.1

│  ├─ escape-string-regexp@^1.0.2

│  ├─ has-ansi@^2.0.0

│  ├─ strip-ansi@^3.0.0

│  └─ supports-color@^2.0.0

├─ commander@2.9.0

│  └─ graceful-readlink@>= 1.0.0

├─ concat-map@0.0.1

├─ core-util-is@1.0.2

├─ create-react-app@1.3.0

│  ├─ chalk@^1.1.1

│  ├─ commander@^2.9.0

│  ├─ cross-spawn@^4.0.0

│  ├─ fs-extra@^1.0.0

│  ├─ hyperquest@^2.1.2

│  ├─ semver@^5.0.3

│  ├─ tar-pack@^3.4.0

│  ├─ tmp@0.0.31

│  └─ validate-npm-package-name@^3.0.0

├─ cross-spawn@4.0.2

│  ├─ lru-cache@^4.0.1

│  └─ which@^1.2.9

├─ debug@2.6.3

│  └─ ms@0.7.2

├─ deepmerge@1.3.2

├─ duplexer2@0.0.2

│  ├─ readable-stream@~1.1.9

│  └─ readable-stream@1.1.14

│  │  ├─ core-util-is@~1.0.0

│  │  ├─ inherits@~2.0.1

│  │  ├─ isarray@0.0.1

│  │  └─ string_decoder@~0.10.x

├─ element-ui@1.2.5

│  ├─ async-validator@^1.6.6

│  ├─ babel-helper-vue-jsx-merge-props@^2.0.0

│  ├─ deepmerge@^1.2.0

│  └─ throttle-debounce@^1.0.1

├─ escape-string-regexp@1.0.5

├─ fs-extra@1.0.0

│  ├─ graceful-fs@^4.1.2

│  ├─ jsonfile@^2.1.0

│  └─ klaw@^1.0.0

├─ fs.realpath@1.0.0

├─ fstream-ignore@1.0.5

│  ├─ fstream@^1.0.0

│  ├─ inherits@2

│  └─ minimatch@^3.0.0

├─ fstream@1.0.11

│  ├─ graceful-fs@^4.1.2

│  ├─ inherits@~2.0.0

│  ├─ mkdirp@>=0.5 0

│  └─ rimraf@2

├─ glob@7.1.1

│  ├─ fs.realpath@^1.0.0

│  ├─ inflight@^1.0.4

│  ├─ inherits@2

│  ├─ minimatch@^3.0.2

│  ├─ once@^1.3.0

│  └─ path-is-absolute@^1.0.0

├─ graceful-fs@4.1.11

├─ graceful-readlink@1.0.1

├─ has-ansi@2.0.0

│  └─ ansi-regex@^2.0.0

├─ has-symbol-support-x@1.1.0

├─ has-to-string-tag-x@1.1.0

│  └─ has-symbol-support-x@^1.1.0

├─ hyperquest@2.1.2

│  ├─ buffer-from@^0.1.1

│  ├─ duplexer2@~0.0.2

│  └─ through2@~0.6.3

├─ inflight@1.0.6

│  ├─ once@^1.3.0

│  └─ wrappy@1

├─ inherits@2.0.3

├─ is-array-buffer-x@1.1.0

│  ├─ has-to-string-tag-x@^1.1.0

│  ├─ is-object-like-x@^1.1.0

│  └─ to-string-tag-x@^1.1.0

├─ is-function-x@1.1.0

│  ├─ has-to-string-tag-x@^1.1.0

│  ├─ is-primitive@^2.0.0

│  └─ to-string-tag-x@^1.1.0

├─ is-object-like-x@1.1.0

│  ├─ is-function-x@^1.1.0

│  └─ is-primitive@^2.0.0

├─ is-primitive@2.0.0

├─ isarray@0.0.1

├─ isexe@2.0.0

├─ jquery@3.2.1

├─ jsonfile@2.4.0

│  └─ graceful-fs@^4.1.6

├─ klaw@1.3.1

│  └─ graceful-fs@^4.1.9

├─ lodash.isnull@3.0.0

├─ lru-cache@4.0.2

│  ├─ pseudomap@^1.0.1

│  └─ yallist@^2.0.0

├─ minimatch@3.0.3

│  └─ brace-expansion@^1.0.0

├─ minimist@0.0.8

├─ mkdirp@0.5.1

│  └─ minimist@0.0.8

├─ ms@0.7.2

├─ once@1.4.0

│  └─ wrappy@1

├─ os-tmpdir@1.0.2

├─ path-is-absolute@1.0.1

├─ process-nextick-args@1.0.7

├─ pseudomap@1.0.2

├─ readable-stream@2.2.6

│  ├─ buffer-shims@^1.0.0

│  ├─ core-util-is@~1.0.0

│  ├─ inherits@~2.0.1

│  ├─ isarray@~1.0.0

│  ├─ isarray@1.0.0

│  ├─ process-nextick-args@~1.0.6

│  ├─ string_decoder@~0.10.x

│  └─ util-deprecate@~1.0.1

├─ rimraf@2.6.1

│  └─ glob@^7.0.5

├─ semver@5.3.0

├─ string_decoder@0.10.31

├─ strip-ansi@3.0.1

│  └─ ansi-regex@^2.0.0

├─ supports-color@2.0.0

├─ tar-pack@3.4.0

│  ├─ debug@^2.2.0

│  ├─ fstream-ignore@^1.0.5

│  ├─ fstream@^1.0.10

│  ├─ once@^1.3.3

│  ├─ readable-stream@^2.1.4

│  ├─ rimraf@^2.5.1

│  ├─ tar@^2.2.1

│  └─ uid-number@^0.0.6

├─ tar@2.2.1

│  ├─ block-stream@*

│  ├─ fstream@^1.0.2

│  └─ inherits@2

├─ tether@1.4.0

├─ throttle-debounce@1.0.1

├─ through2@0.6.5

│  ├─ readable-stream@>=1.0.33-1 <1.1.0-0

│  ├─ readable-stream@1.0.34

│  │  ├─ core-util-is@~1.0.0

│  │  ├─ inherits@~2.0.1

│  │  ├─ isarray@0.0.1

│  │  └─ string_decoder@~0.10.x

│  └─ xtend@>=4.0.0 <4.1.0-0

├─ tmp@0.0.31

│  └─ os-tmpdir@~1.0.1

├─ to-string-tag-x@1.1.0

│  ├─ lodash.isnull@^3.0.0

│  └─ validate.io-undefined@^1.0.3

├─ uid-number@0.0.6

├─ util-deprecate@1.0.2

├─ validate-npm-package-name@3.0.0

│  └─ builtins@^1.0.3

├─ validate.io-undefined@1.0.3

├─ vue@2.2.5

├─ which@1.2.14

│  └─ isexe@^2.0.0

├─ wrappy@1.0.2

├─ xtend@4.0.1

└─ yallist@2.1.2

null