博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Yarn 包管理工具
阅读量:5377 次
发布时间:2019-06-15

本文共 5467 字,大约阅读时间需要 18 分钟。

已经安装的

yarn add 
vue
vue@2.2.5
yarn add  
element-ui
 
-S 
824039-20170326172512924-1181510236.png
yarn add
bootstrap@4.0.0
-alpha.6
 --save
824039-20170326172513283-722563273.png
 
yarn add
@ng-bootstrap/ng-bootstrap --save
824039-20170326172513690-1160475178.png
824039-20170326172513986-1165026599.png
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官网 的描述 : (注:查看官网的文档和下载安装包可能需要***)
824039-20170326172514283-1501573265.png
 
824039-20170326172515549-181060168.png
 
824039-20170326172515861-1987274764.png
 
824039-20170326172516158-1715863247.png
 
824039-20170326172516596-1611372070.png
 
下载, 安装, 配置环境变量
下载
最新稳定版
 v0.21.3
(2017.3.18 最新)
,有候选发布版本 v0.22.0 
我把下载链接放在CSDN上
824039-20170326172517205-989863198.png
824039-20170326172517752-959550302.png
5M左右,不大
安装
一直下一步,我安装在C盘,因为我的
node
也是安装在那里。我不清楚安装在其他盘会不会影响到后面的操作,所以保险起见,安装在C盘
安装在  C:\Program Files (x86)\Yarn\bin
824039-20170326172518127-118533400.png
配置环境变量
这是为了告诉 cmd命令窗口 去 
C:\Program Files (x86)\Yarn\bin 文件夹下执行yarn命令,
具体的操作百度吧
824039-20170326172518533-1035916173.png
我是用 
在PATH里引用环境变量”  这种方式来配置的
 
验证是否安装成功:yarn --version
824039-20170326172518861-706348861.png
如果出现版本号,说明安装
成功 
且 环境变量配置正确
没有的话,极有可能是环境变量配置错误

使用:

官方文档截图
824039-20170326172519346-1429657781.png
实际操作:
yarn init
先cd到你的项目的文件夹下
如果yarn命令不可用,检查一下环境变量是否配置正确
安装过程中,我
什么都不写一直回车,全部用默认配置:
824039-20170326172519815-485720944.png
倒数第二行824039-20170326172520221-295652393.png提示
会在当前文件夹下生成如下 package
.json 文件:
(此文件功能:描述项目的基本信息和依赖包的信息
824039-20170326172520783-2029277785.png
yarn add jq
uery
注释  : " 
jq
uery 
和 
" jQuery 
" 似乎
是不同的包,也就是说,包名区分大小写
824039-20170326172521330-113338531.png
yarn add jQuery
 
824039-20170326172521643-111964723.png
安装了两个包后,
package
.json 
文件
会自动变成这样:
824039-20170326172522033-1032346981.png
 
看已经安装了的
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

转载于:https://www.cnblogs.com/xiaoCong2016/p/6577101.html

你可能感兴趣的文章
webpack 使用配置文件
查看>>
iOS热更新技术被苹果官方警告?涉及到RN、Weex、JSPatch
查看>>
正则表达式
查看>>
mysql全家桶(二)数据操作
查看>>
auto(c++11)
查看>>
Andrew Ng机器学习week5(Neural Networks: Learning)编程习题
查看>>
Linux基本命令之逻辑测试二
查看>>
k8s资源pod yaml文件分析
查看>>
Django-debug-toolbar
查看>>
Hadoop的三种安装模式之伪分布模式
查看>>
jquery设置元素的readonly和disabled
查看>>
(转)技术人员如何建立个人品牌
查看>>
HTML标签--<font><b><big><small><em><i><sup><sub><strong>
查看>>
转录组组装软件stringtie
查看>>
application对象
查看>>
sqlserver2008 中使用MSXML2.ServerXMLHttp拼装soap调用webservice
查看>>
20170926日关于需求调研的一些理解,
查看>>
[HNOI2008]玩具装箱TOY
查看>>
ejabberd组成模块
查看>>
笔记本电脑插入耳机后无法使用解决办法
查看>>