「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」

本文随时会进行静默更新，请及时关注

0. 电脑配置展示

电脑管家检测：

1. Node.JS安装配置

1.NVM虚拟环境安装

进入Github下载页下载 nvm-setup.zip版本。小白们别忘了解压他 (所有以压缩文件形式下载的)

NVM用来进行NodeJS多版本的切换管理。如果电脑中原本有NodeJS建议先行卸载，防止莫名其妙的错误。

一路下一步安装即可 (据说默认路径会有问题，建议换一个，我就换到了 C:/APP/Programs/nvm下)

安装完可根据如下截图查看是否安装成功：

安装完会自动配置环境变量：

2. 安装NodeJS

我们使用nvm来下载Node，如果是自己安装的话，可能nvm会找不到node。

打开cmd，输入 nvm list available：

接着输入 nvm install 16.13.2进行下载安装。

等待安装完成后记得切换版本nvm use 16.13.2如下所示：

之后可以使用 nvm list查看已安装和当前的版本：

可以继续使用node -v和npm -v来查看是否正确输出了版本号信息。

3. 配置nvm

找到nvm的安装目录下的 settings.txt加入如下两行：

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

此处意为node和npm均使用淘宝的镜像。此处可根据个人喜好切换不同镜像源，如果觉得默认源OK那不加也没问题。

4. 配置NodeJS

配置npm的全局模块的存放路径以及cache的路径，方便管理：

首先找个喜欢的地方，新建两个文件夹用来存放全局模块和cache。比如我的是：

全局模块：E:\Files\Documents\NodeJS\node_global
cache：E:\Files\Documents\NodeJS\node_cache

然后我们打开CMD输入：

npm config set prefix "E:\Files\Documents\nodejs\node_global" //配置全局模块
npm config set cache "E:\Files\Documents\nodejs\node_cache" //配置缓存

接着使用npm list -global命令查看是否配置成功：(记得首先新建文件夹，不然此命令会报错！)

也可以使用npm config list查看所有npm的配置项：

为了放止npm出错，我们可以配置环境变量：

同时将Global目录添加至系统Path变量中：(别问我为什么就这么点...刚清电脑换系统...)

需要注意的是，如果提示了此环境变量太大，那么就需要使用第三方软件：

Rapid Environment Editor进行配置

我们可以安装VUE来测试一下是否配置成功:

输入npm install vue -g进行查看：

5. nvm常用命令

nvm install stable //安装最新版 
nodenvm install [node版本号] //安装指定版本的
nodenvm use [node版本号] //切换到指定版本的node
nvm alias default [node版本号] //设置默认版本

6. npm常用命令

# 查看各个命令的简单用法
$ npm -l
 
# 查看 npm 命令列表
$ npm help

# 查看 npm 的配置
$ npm config list -l

# 初始化npm模块
$ npm init

# 设置环境变量
$ npm set init-author-name 'my name jerry'
$ set init-author-email '12345@qq.com'
$ set init-author-url 'http://yourdomain.com'
$ npm set init-license 'MIT'
# 执行了以上的修改，此时 Package.json并没有发生变化

# 设置后执行init才是真正修改成功
$ npm init

# 搜索模块
$ npm search <搜索词> [-g]

# 当前项目安装的所有模块
$npm list

# 列出全局安装的模块 带上[--depth 0] 不深入到包的支点 更简洁
$ npm list -g --depth 0

# 读取package.json里面的配置单安装  
$ npm install 
# 可简写成 npm i

# 默认安装指定模块的最新(@latest)版本
$ npm install [<@scope>/]<name> 
# eg:npm install gulp

# 安装指定模块的指定版本
$ npm install [<@scope>/]<name>@<version>
# eg: npm install gulp@3.9.1

# 安装指定指定版本范围内的模块
$ npm install [<@scope>/]<name>@<version range>
# eg: npm install vue@">=1.0.28 < 2.0.0"

# 安装指定模块的指定标签 默认值为(@latest)
$ npm install [<@scope>/]<name>@<tag>
# eg:npm install sax@0.1.1

# 通过Github代码库地址安装
$ npm install <tarball url>
# eg:npm install git://github.com/package/path.git

# 卸载当前项目或全局模块 
$ npm uninstall <name> [-g] 

# eg: npm uninstall gulp --save-dev  
    npm i gulp -g

# 卸载后，你可以到 /node_modules/ 目录下查看包是否还存在，或者使用以下命令查看：
npm ls [-g] 查看安装的模块

# 升级当前项目或全局的指定模块
$ npm update <name> [-g] 
# eg: npm update express 
      npm update express -g

# 引用依赖 有些包是全局安装了，在项目里面只需要引用即可。
$ npm link [<@scope>/]<pkg>[@<version>]
# eg: 引用   npm link gulp gulp-ssh gulp-ftp
# eg: 解除引用 npm unlink gulp

# 引用模块
$ npm link (in package dir)

2. 安装配置Python及pip

前往此处安装官方Python，选择适配自己系统的版本进行安装，一路下一步即可。这里我使用的是Python3.10.1最新版

记得勾选：

具体安装参数有想法的可以自行安排，我的如下：

安装完后CMD输入Python查看：

之后输入pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple配置全局镜像源到清华大学。

之后可以输入python -m pip install --upgrade pip升级pip版本，如果你的pip版本需要更新升级，那么在使用pip过程中，也会弹出带这个命令字样的黄色警告。

3. 安装配置pipenv

在环境变量中新建WORKON_HOME变量，用来配置pipenv默认的虚拟环境存放路径。(如果环境变量始终不起作用请尝试重启...以及注意结尾不要加;)

然后在cmd中执行pip install pipenv命令安装pipenv。

参考截图：

安装完别忘了查看pipfile和pipfile.lock里面source下的url是否正确！否则有可能会导致使用pipenv install进行安装Django时报错。

4. pipenv常用命令

# 在当前文件夹创建pipenv环境
$ pipenv install // 或者 pipenv --three

# 移除一个pipenv环境
$ pipenv --rm

# 在不激活虚拟环境的情况下安装Django包
$ pipenv install Django

# 激活虚拟环境
$ pipenv shell

# 退出虚拟环境
$ exit(或者直接关闭cmd)

# 不激活虚拟环境的情况下执行指令
$ pipenv run python xxx.py

# 删除虚拟环境
$ pipenv --rm

# 列出本地工程路径
$ pipenv --where

# 列出虚拟环境路径
$ pipenv --venv

# 列出虚拟环境的Python可执行文件
$ pipenv --py

# 查看包依赖
$ pipenv graph

# 帮助
$ pipenv -h