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