npm yarn 安装 vue

关于yarn vue-cli 安装

1、安装node

前往node官网下载node 然后安装。
安装完成后 node -V 查看node版本
npm -v 查看npm版本

2、安装淘宝镜

npm config set registry https://registry.npmmirror.com/

3、安装yarn

3.1、安装命令

npm install -g yarn

3. 2、查看版本

yarn -v

3.3、意外

如果弹出

无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次。
所在位置 行:1 字符: 1 + vue -V + ~~~ + CategoryInfo :
ObjectNotFound: (vue:String) [], CommandNotFoundExcept

执行

set-ExecutionPolicy RemoteSigned

弹出策略更改输入A/y回车即可
之后重新查看版本

3.4、设置淘宝镜像

yarn config set registry https://registry.npmmirror.com/

4、设置全局下载缓存位置

4.1 npm 设置全局下载缓存位置

举例我是在node下新建了一个package 包

在package 下新建了npm

在npm下新建两个文件 npm_cache、npm_global

命令窗口执行

npm config set prefix "E:\node\package\npm\npm_global" 
npm config set cache "E:\node\package\npm\npm_cache"

查看配置

npm config list

4.2、yarn 设置全局变量

新建同4 npm 一样 在yarn 下 新建 yarn_cache和yarn_global两个文件夹
执行

yarn config set global-folder "E:\node\package\yarn\yarn_global"
yarn config set cache-folder "E:\node\package\yarn\yarn_cache"

检查当前yarn 的 bin的 位置

yarn global bin

检查当前 yarn 的 全局安装位置

yarn global dir

5、安装VUE

5.1 npm 安装vue

npm install -g @vue/cli 

查看版本
vue -V
弹出版本号表示没问题

npm 安装 vue-init

npm i -g @vue/cli-init

5.2 yarn安装 vue

yarn global add @vue/cli 

yarn 安装 vue-init

yarn global add @vue/cli-init

6、创建 项目

创建 v2 webpakc

vue init webpack "项目名"

vue init webpack-simple "项目名称“

创建v3项目

vue create "项目名"