node

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值