Vue前端篇之Node.js的下载、安装、配置

-
一、node.js下载安装 

       进入node.js官网下载对应的版本，比如这里下载的是最新的版本：

下载完毕后进行安装，点击安装包：


点击next按钮进行下一步：


勾选同意并且进行next：


看个人需求是否更改安装目录，一般默认即可，继续进行next：

默认安装即可，继续next：

一些必要工具进行安装，勾选然后next即可，此处根据实际项目情况选择是否勾选：

点击install按钮进行安装即可

点击Finsh完成安装。

安装完成后会出现上述的窗口，这是提醒你安装额外的工具需要的条件，按任意键即可，等待安装。
安装完毕后进行测试：

二、配置

       主要是进行npm的配置，npm安装包有全局安装以及局部安装，如果是局部安装就会安装到当前的项目目录中，全局安装时所有的项目都可以使用的包。
​        所以需要设置一下全局安装的目录，如果没有设置就会安装到默认的目录，比如当前的目录就是：

C:\Users\shenjianping\AppData\Roaming\npm
另外就是需要设置一下node缓存的路径。 具体的默认配置可以通过npm root -g查看全局安装目录： 
C:\Users\shenjianping>npm root -g
C:\Users\shenjianping\AppData\Roaming\npm\node_modules
通过npm config ls -l命令查看更多默认配置： 
C:\Users\shenjianping>npm config ls -l
; "default" config from default values

_auth = (protected)
access = null
all = false
allow-same-version = false
also = null
audit = true
audit-level = null
auth-type = "legacy"
before = null
bin-links = true
browser = null
ca = null
cache = "C:\\Users\\shenjianping\\AppData\\Local\\npm-cache"
cache-max = null
cache-min = 0
cafile = null
call = ""
cert = null
ci-name = null
cidr = null
color = true
commit-hooks = true
depth = null
description = true
dev = false
diff = []
diff-dst-prefix = "b/"
diff-ignore-all-space = false
diff-name-only = false
diff-no-prefix = false
diff-src-prefix = "a/"
diff-text = false
diff-unified = 3
dry-run = false
editor = "notepad.exe"
engine-strict = false
fetch-retries = 2
fetch-retry-factor = 10
fetch-retry-maxtimeout = 60000
fetch-retry-mintimeout = 10000
fetch-timeout = 300000
force = false
foreground-scripts = false
format-package-lock = true
fund = true
git = "git"
git-tag-version = true
global = false
global-style = false
globalconfig = "C:\\Users\\shenjianping\\AppData\\Roaming\\npm\\etc\\npmrc"
heading = "npm"
https-proxy = null
if-present = false
ignore-scripts = false
include = []
include-staged = false
init-author-email = ""
init-author-name = ""
init-author-url = ""
init-license = "ISC"
init-module = "C:\\Users\\shenjianping\\.npm-init.js"
init-version = "1.0.0"
init.author.email = ""
init.author.name = ""
init.author.url = ""
init.license = "ISC"
init.module = "C:\\Users\\shenjianping\\.npm-init.js"
init.version = "1.0.0"
json = false
key = null
legacy-bundling = false
legacy-peer-deps = false
link = false
local-address = null
loglevel = "notice"
logs-max = 10
; long = false ; overridden by cli
maxsockets = 15
message = "%s"
metrics-registry = "https://registry.npmjs.org/"
node-options = null
node-version = "v16.4.1"
noproxy = [""]
npm-version = "7.18.1"
offline = false
omit = []
only = null
optional = null
otp = null
pack-destination = "."
package = []
package-lock = true
package-lock-only = false
parseable = false
prefer-offline = false
prefer-online = false
; prefix = "C:\\Program Files\\nodejs" ; overridden by builtin
preid = ""
production = null
progress = true
proxy = null
read-only = false
rebuild-bundle = true
registry = "https://registry.npmjs.org/"
save = true
save-bundle = false
save-dev = false
save-exact = false
save-optional = false
save-peer = false
save-prefix = "^"
save-prod = false
scope = ""
script-shell = null
searchexclude = ""
searchlimit = 20
searchopts = ""
searchstaleness = 900
shell = "C:\\Windows\\system32\\cmd.exe"
shrinkwrap = true
sign-git-commit = false
sign-git-tag = false
sso-poll-frequency = 500
sso-type = "oauth"
strict-peer-deps = false
strict-ssl = true
tag = "latest"
tag-version-prefix = "v"
timing = false
tmp = "C:\\Users\\SHENJI~1\\AppData\\Local\\Temp"
umask = 0
unicode = false
update-notifier = true
usage = false
user-agent = "npm/7.18.1 node/v16.4.1 win32 x64 workspaces/false"
userconfig = "C:\\Users\\shenjianping\\.npmrc"
version = false
versions = false
viewer = "browser"
which = null
workspace = []
workspaces = false
yes = null

; "builtin" config from C:\Program Files\nodejs\node_modules\npm\npmrc

prefix = "C:\\Users\\shenjianping\\AppData\\Roaming\\npm"

; "cli" config from command line options

long = true
总结一下就是需要设置： 
  • 全局安装包的路径 
  • node缓存路径 

1、新建需要的目录 

根据需要新建node_global以及node_cache目录： 

设置prefix： 

2、设置环境变量 

  • 用户变量设置 
修改用户变量中C:\Users\shenjianping\AppData\Roaming\npm修改为D:\node.js\node_global 

  • 系统环境变量 
       添加NODE_PATH，其值为：C:\Program Files\nodejs\node_modules，这是其软件安装目录中的node_modules。 

3、测试 

C:\Users\shenjianping>npm install axios -g

added 2 packages, and audited 3 packages in 3s

1 package is looking for funding
  run `npm fund` for details

found 0 vulnerabilities
此时查看axios的安装位置就在刚才全局安装目录中。 



更多文章合集前往：往期精彩文章





此博客中的热门博文

FastAPI后端篇之项目搭建

-
 一、环境搭建         在之前的博文中 Python本地虚拟环境搭建及Pycharm配置 讲述过虚拟环境搭建的过程，这里不再赘述，直接使用即可。 查看虚拟环境 conda info --env 创建虚拟环境 conda create -n FullStackEnv python=3.8.5 激活虚拟环境  conda activate FullStackEnv pip list 安装FastAPI pip install fastapi==0.65.1 二、创建后台项目 新建full-stack-backend项目 新建目录full-stack-backend，然后使用IDE打开即可：         接着需要在该目录中新建一些目录，不同的目录有不同的功能，此时需要新建alembic和app文件夹，alemic文件夹主要用于数据库的迁移版本管理，类似于Django中migrations，而app文件夹主要就是业务功能开发的内容，因为后台项目没有那么复杂，所以目录结构无需设计的过于复杂。 然后在各个目录中新建对应的.py文件： ├─FullStackEnv_1 │ │ alembic.ini 数据库地址配置 │ │ requirements.txt 依赖包导出 │ │ __init__.py │ │ │ ├─alembic │ │ │ env.py 与ORM进行关联配置 │ │ ├─app │ crud.py 数据库操作相关 │ database.py sqlalchemy相关配置 │ dependencies.py FastAPI框架依赖项 │ main.py │ models.py 数据库模型表 │ schemas.py Pydantic数据校验模型 │ __init__.py 项目的大概架子搭好了，接着就是将虚拟环境配置到该项目上。 安装依赖 将项目中需要的依赖包进行安装，也就是requirements.txt文件中的依赖包： pip install -r
Read more »

玩转虚拟机系列之如何高效创建虚拟机

-
一、如何高效创建虚拟机 在前两期的视频中，我们介绍了虚拟机是如何搭建的，同时大家也发现了通过系统镜像创建虚拟机带来的不便，各种配置参数的填写以及网络配置。那么当我们创建好一个虚拟机后是否可以反复利用，无需重复创建的过程，答案当然是可以。 当我们创建一个虚拟机后，如果以后还想多次复用，切记在创建一个虚拟机最原始的时候进行克隆，保持原有虚拟机的最少功能以及体积最小的状态。 有两种方式可以解决这个问题： 通过VMware克隆功能 通过配置文件互相拷贝 我们分别来说明上述两种方式。 二、VMware克隆功能 通过菜单栏上的 虚拟机--》管理--》克隆功能实现： 点击下一页： 克隆虚拟机的当前状态： 创建完整克隆： 然后给新克隆的虚拟机指定名称以及安装位置： 最后完成克隆即可。 虽然完成了克隆虚拟机，但是新的虚拟机种的ip与之前的虚拟机一样，所以需要修改ip配置。启动新的虚拟机： 我们使用被克隆的虚拟机的账号登陆，然后进入终端: vi /etc//sysconfig/network-scripts/ifcfg-ens33 TYPE="Ethernet" BOOTPROTO="static" DEFROUTE="yes" PEERDNS="yes" PEERROUTES="yes" IPV4_FAILURE_FATAL="no" IPV6INIT="yes" IPV6_AUTOCONF="yes" IPV6_DEFROUTE="yes" IPV6_PEERDNS="yes" IPV6_PEERROUTES="yes" IPV6_FAILURE_FATAL="no" IPV6_ADDR_GEN_MODE="stable-privacy" NAME="ens33" UUID="5a09ae90-c928-4a18-a3ba-9b5b4b0e9ae1" DEVICE="ens33" ONBOOT="yes" IPADDR=192.168.111.5
Read more »

玩转虚拟机系列之如何搭建虚拟机

-
一、虚拟机的作用 进行一些软件的测试 安装不同的操作系统，比如Linux系列的系统         对于一些未知软件是否可用，没有把握性，不妨到虚拟机中进行测试，这样不会对宿主机造成影响。 而Linux系列的操作系统，比如：Centos、Ubuntu等操作系统 二、虚拟机的安装         如果要安装不同系统的镜像，那么我们需要为这些系统找一个壳子，比较好用的有VMware等，我们首先去官网下载： https://www.vmware.com/         这里我是用的是VMware Workstation Pro，你也可以下载VMware Workstation Player进行使用。 下载好的已经上传到网盘： OneDrive https://iveboy-my.sharepoint.com/:f:/g/personal/shenjianping0307_iveboy_onmicrosoft_com/EmIJNgpGLc5OrYlnAEtIb-oBw6Pfiwy8Pt1oPwQalf_ccA 百度网盘 链接： https://pan.baidu.com/s/1srAU-Y6nX42ijhwWQKeKcQ?pwd=zwis   提取码：zwis          首先新建一个目录用于存放安装的镜像目录，比如在D盘下新建一个Virtual Workstation Machines目录，然后在其中新建一个base目录： 然后我们点击软件进行安装： 然后下一步： 安装位置可以自己更改，然后下一步： 可以将1、2步中的勾选去掉，然后直接下一步： 直接下一步： 直接安装，等待安装完成即可。 这里点击许可证，输入密匙，网上分享的有很多，比如下面3个： ZF3R0-FHED2-M80TY-8QYGC-NPKYF YF390-0HF8P-M81RQ-2DXQE-M2UT6 ZF71R-DMX85-08DQY-8YMNC-PPHV8 输入其中任何一个： 点击输入即可完成。 三、安装系统 打开VMware然后创建新的虚拟机： 按照下图选择自定义： 点击下一步： 然后选择系统镜像： 填入对应的信息： 这里填入信息没有固定的，根据自己的情况填写即可。 修改虚拟机名称以及新建系统文件的存放位置。 根据自己电脑配置来填写合适的数量。 修改内存，根据电脑配置来进行选择。 网络类型就选择
Read more »