node 跟vscode 安装

day1 项目准备

安装

  • 第一步: 装vscode, 在官网根据电脑系统类型,选择对应的进行下载
  • 第二布:装node, 下载同上一步
  • 第三步:检查是否安装成功,cmd 或者 vscode 终端 查看,输入 node -v, npm -v 查看当前版本
  • 第四步:安装vscode 插件

Node.js环境变量配置

1, 默认是安装到C盘,但如果想安装到其他盘,比如安装到D盘,即使不进行环境变量配置也不影响node.js的使用

2, 若不进行环境变量配置,那么在使用命令安装 node.js全局模块 (如:npm install -g xxx)时,会默认安装到C盘的路径 (C:\Users\xxx\AppData\Roaming\npm) 中

3, 因此,需要配置 全局安装模块 node_global 以及 缓存目录 node_cache 的环境变量;
   3.1, 在你D盘安装目录中,新建两个文件夹 node_global 和 node_cache,分别用来存放安装的全局模块和全局缓存信息
   3.2, 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):
     # 设置全局模块安装路径
        npm config set prefix "D:\software\node_global"
     # 设置全局缓存存放路径
        npm config set cache "D:\software\node_cache"
   3.3 设置电脑环境变量:
          步骤:我的电脑右键-> 属性 -> -> 高级系统设置 -> 环境变量 
          环境变量有用户变量, 系统变量。
          3.3.1,在【系统变量】中新建环境变量 NODE_PATH:
          值为 D:\software\node_global\node_modules
          3.3.2,修改【用户变量】中的 path 变量:
          将 C:\Users\xxx\AppData\Roaming\npm 修改为D:\software\node_global
          3.3.3, 测试是否配置成功,在vscode 终端初始化一个项目看看
          例如: npm react-app my-app -g, 也可以验证版本 npm -v node -v 

npm 切换淘宝镜像

npm config set registry=http://registry.npm.taobao.org
nrm 切换源
  1,安装
        npm install nrm -g
  2,通过 nrm ls 命令,查看npm的仓库列表,带 * 的就是当前选中的镜像仓库
  3,过 nrm use taobao 来指定要使用的镜像源: nrm use taobao

git 下载安装,并通过vscode 拉取项目
1,我的git 是被我安装到了D盘,所以想通过vscode 直接拉取项目,就需要更改环境变量,因为我的vscode 也是装到了D盘,也改了环境变量,所以想git 在vscode使用,也是需要改环境变量:
1.1,安装目录的git路径添加到用户变量path里 : D:\software\Git\bin 
1.2, vscode 设置 -> 搜索 terminal -> 找到 terminal External: Window Exec -> 配置上路径:D:\software\Git\bin\bash.exe
1.3, 可以初始化仓库,拉取远程库以及提交操作了

什么是pnpm?

pnpm 本质上就是一个包管理器,它主要有两个优势:

  • 包安装速度极快;
  • 磁盘空间利用非常高效。
    因为pnpm作者对现有的包管理工具,尤其是npm和yarn的性能特别失望,所以起名叫做perfomance npm,即pnpm(高性能npm)
  • 安装: npm install -g pnpm
  • 安装项目所有依赖: pnpm install 或 pnpm i
  • 安装特定的包: pnpm add
  • 安装最新版本的 Node.js: pnpm env use --global latest
  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值