yarn安装
已经安装了 node 和 npm( node 自带 npm)
全局安装
npm install -g yarn
环境变量
把你安装的文件目录添加到 Path 系统变量中,这样在执行的时候就能够找到这些文件。所以只需要把下面的路径(安装路径)添加到 Path 中即可
下载目录
下载目录是为了配置 通过 yarn 安装的全局命令工具的存储位置。
# 全局安装目录
yarn config set global-folder D:\Yarn\yarn_global
# 缓存目录
yarn config set cache-folder D:\Yarn\yarn_cache
检验是否设置成功,可以直接在C:\Users\用户名目录下打开.yarnrc文件查看
淘宝镜像源
查看当前源 yarn config get registry
修改为淘宝镜像源 yarn config set registry https://registry.npm.taobao.org
安装webpack(项目构建、打包,进行资源整合用的)
cnpm install webpack -g
如果webpack是4.0版本以上的,官方将webpack -cli从webpack分离了出来,
所以是会提醒让你安装webpack -cli,这时输入no 之后按回车 因为我们要安装全局的包,也就是上面的-g指令(对应上面的global文件夹) ,之后输入以下命令等待安装
npm install webpack-cli -g 之后输入
webpack -v
测试安装是否成功
express (选择安装)
npm install -g express
win10安装
在win10平台上,yarn工具的安装和环境配置。
使用PowerShell的管理员方式安装yarn工具
按Win+R,输入:powershell–>回车,弹出第一个蓝色的PowerShell,在里面输入命令:
Start-Process powershell -Verb runAs
在第二个弹出的蓝色框框里,继续输入如下命令:
set-ExecutionPolicy RemoteSigned
输入yarn的全局安装命令:
npm install -g yarn
配置yarn环境变量
这里以node的默认路径,即C:\Program Files为例进行说明。当然,如果你的node安装在其他盘,将其改成node的实际路径即可。
在系统环境变量里,添加一个NODE_PATH变量,如下:
点击[我的电脑] -->属性–> 高级系统变量 -->环境变量 --> 系统变量 -->新建:
变量名:NODE_PATH
路径:C:\Program Files\nodejs\node_global\node_modules;
同时,将上面的C:\Program Files\nodejs\node_global\node_modules路径,也添加到[用户变量]的Path里,
设置node软件包的全局安装目录和缓存目录,在powershell管理员的蓝色框框里,输入如下2个命令即可:
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
重启电脑
进入powershell的蓝色框框,输入如下命令:
yarn -v
若有版本信息打印,说明yarn的环境变量设置成功
帮助
nodejs下载安装、npm环境配置、yarn下载与环境配置 - SegmentFault 思否
node / npm/ yarn 的安装以及环境变量 - Daniel_Lu - 博客园 (cnblogs.com)
搭建 vue 开发环境: node.js安装+vue脚手架配置_xinpz的博客-CSDN博客_node vue
安装node.js->npm->vue - 圆圆方方 - 博客园 (cnblogs.com)
node.js与npm安装,使用vue-cli脚手架从0开始快速搭建一个demo_stable mesotheca的博客-CSDN博客
npm更换成淘宝镜像源以及cnpm - onewaa - 博客园
Vue脚手架
npm install @vue/cli -g
这是3.0新版的 旧版的如果已经安装了,需要卸载一下,
如果不确定可以输入vue --version 如果出现版本号并且低于3.0,需要卸载重装
输入 npm uninstall -g vue -cli 或者 yarn global remove vue -cli卸载 ,
然后输入npm install -g @vue -cli 重装
输入vue --version 查看是否安装成功
命令vue init需要安装全局插件
npm install -g @vue/cli-init