• 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上

    5M左右,不大

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


    配置环境变量
    这是为了告诉 cmd命令窗口 去 C:Program Files (x86)Yarnin 文件夹下执行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







  • 相关阅读:
    第二周学习总结
    第一周学习进度总结
    淘宝网质量属性分析
    软件架构师如何工作
    寒假学习记录第十六天
    寒假学习记录第十五天
    寒假学习记录第十四天
    寒假学习记录第十三天
    三.NFS存储服务
    二.Rsync备份服务
  • 原文地址:https://www.cnblogs.com/xiaoCong2016/p/6577101.html
Copyright © 2020-2023  润新知