1. 使用Vite搭建Vue3 + TypeScript项目 — 环境准备

1.安装nvm

功能: 管理Node版本

因为某些框架对于Node的版本有硬性要求, 所以对于需要同时在一台机器上维护多个不同版本框架的项目的同学来说, nvm简直就是必备神器, 他为我们提供了简单安装, 更新, 切换Node版本的功能

Mac

// 通过Homebere安装
// PS: Homebrew是一款macOS下的软件包管理工具,建议必备 官网: http://brew.sh
brew install nvm
通过Homebrew安装后电脑一般识别不了nvm命令,需要配置环境变量
打开命令行:
1. 创建文件: touch .bash_profile // 已经存在此配置文件的可以跳过
2. 编辑文件: vi .bash_profile
3. 修改文件: 在该配置文件下,输入:
    export NVM_DIR="$HOME/.nvm"
  . "/usr/local/opt/nvm/nvm.sh"
4. 保存并退出: :wq
5. 启用配置: source .bash_profile
PS: 每次重启电脑后都需要重新执行该命令来让配置生效, 为了方便操作,可以在
~/.zshrc 文件中 增加一行指令
source ~/.bash_profile 
这样每次电脑重启都会自动应用修改后的配置
 

Win

Win系统下安装nvm相对简单
!!! 注意: 如果电脑已经安装过nvm或者node, 建议在重新安装nvm前清理干净

1. 下载安装包: https://github.com/coreybutler/nvm-windows/releases
// 建议直接下载nvm-setup.zip, 可以省去配置环境变量的步骤
2. 双击安装
3. 没错 就是这么简单
 

附: 一些开发常用命令

nvm install stable     // 安装最新稳定版node 不建议使用
nvm install<version>   // 安装指定版本的node
nvm uninstall<version> // 卸载指定版本node
nvm use<version>       // 切换到指定版本的node
nvm ls                 // 查看已经安装的所有版本
nvm current            // 显示当前版本  win版的nvm貌似已经不支持这个指令了, 可以使用nvm ls代替,
前面带*的就是当前正在使用的版本(maOS也可)
 

2.通过nvm安装node

指令上面已经说过了,Win和macOS是一致的,这里就不做过多描述了

踩坑

  • 我在安装过程中, mac上安装很顺利, 但是在win上安装之后无法识别node指令, 可能是因为默认未开启nvm对node的管理,可以尝试使用nvm on指令来开启
  • 另外,如果配置完成后出现node -v可以正常识别,但是npm -v无法识别的情况, 原因可能是因为在8.11以上版本的node版本对应的npm无法法自动安装 正常安装的node文件夹内,除了node.exe外 应该也有npm的对应文件, 但是可以发现, 文件被下载到了node平级的temp文件夹下

image.png

打开文件夹, 将npm的压缩包解压到相应的文件夹即可, 注意及时操作, 否则会被删除
image.png

3. 安装nrm (按需)

nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换

// 安装 建议全局
npm install nrm -g
 

常用指令

nrm ls                   查看全部配置的源
nrm use <name>           切换源
nrm add <name> <address> 配置源
nrm test                 测试各个源的延迟(可以先运行这个指令,然后挑选当前网络环境下延迟最低的源)
 

这个工具主要方便了某些需要切换公司内部源的同学, 没有此需求的其实配置一下淘宝镜像地址就好了, 没有必要安装这个工具

4.安装yarn (建议)

yarn的功能与npm类似, 但是具有更好的性能以及稳定性, 当网络资源较差的时候, yarn的重试机制确保单个请求失败并不会导致整个安装失败

npm install -g yarn
 

原创文章,作者:我心飞翔,如若转载,请注明出处:https://www.pipipi.net/14723.html

发表评论

登录后才能评论