Vue Notes9:Npm和Yarn安装

Npm安装 1. 下载nodejs 2. npm配置模块路径、cache路径 Yarn安装下载太慢

Npm安装

1. 下载nodejs

Vue依托于node.js，因此要使用vue，首先需要在电脑上安装node.js。安装node.js比较简单，直接官网下载相应的版本

下载地址:Download | Node.js

一直下一步即可。安装好查看

2. npm配置

npm作为一个NodeJS的模块管理，很有必要列出一些：

模块路径、cache路径

先配置npm的全局模块的存放路径以及cache的路径，

例如希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

Yarn安装

最简单的方式，通过Npm安装


# 安装
npm install --global yarn

# 查看
yarn --version

下载太慢


# NPM设置成淘宝镜像
npm config set registry http://registry.npm.taobao.org/ -g

# yarn设置成淘宝镜像
yarn config set registry http://registry.npm.taobao.org/ -g

# 设置完成之后再确认一个，打开powershell或者cmd输入命令查看一下 
yarn config list

Visual Code中如何使用Yarn

不管是安装yarn还是npm都得先安装Node.js环境，这个的话网上有很多教程，就不细说了 Yarn可以直接在 Yarn中文网上直接根据步骤来下载，它有给出对应不同操作系统的安装方法，我是win10操作系统的，直接下的Msi直接下一步下一步就完成了。安装完成之后打开powershell或者cmd试下有没有安装成功了看到版本号说明安装成功了 1.下载的速度太慢，甚至有的包下载不了，解决方法是把国外的镜像换成淘宝的镜像，有的小伙伴电脑可能装yarn和npm两个，我推荐把两个都换成淘宝的镜像。命令如下： NPM设置成淘宝镜像 npm config set registry http://registry.npm.taobao.org/ -g yarn设置成淘宝镜像 yarn config set registry http://registry.npm.taobao.org/ -g 设置完成之后再确认一个，打开powershell或者cmd 输入 yarn config list查看一下这样呢就可以了。 2.在安装的时候报错，提示信息列如这样的：ERROR xxxxxx "http://registry.npm.taobao.org/" connect econnrefused 127.0.0.1:61085 像这样的报错信息是因为你npm里面设置了一个代理。输入以下命令再重新尝试就可以了：npm config delete proxy 其实呢，上面步骤完成之后在 visual code中已经是可以使用了。具体操作： 1.打开visual code，然后新建一个目录或者新建一个文件夹在Visual Code中打开 2.快捷键 Ctrl+` 打开集成终端。或者可以在工具栏->查看中找到集成终端 3.直接在里面输入 yarn的命令即可调用了，就像这样 1.打开visual code的扩展管理，查找yarn 安装默认找到的第一个安装完之后点击重新加载 2.快捷键 ctrl+shift+p打开命令面板或者在工具栏查看->里面找到命令面板打开，接下来呢在里面输入yarn就可以看到已经有命令提示了然后呢选择你想执行的命令就行了这里呢讲了两种方法，我个人比较喜欢第二种，因为会有命令提示。。第一种的话有的命令忘了还得看帮助（其实是我比较懒啦，命令也不多，但我懒的背，有提示比较方便，嘿嘿）

https://www.jianshu.com/p/28acd138076c