Node.js环境配置及初始化

佛斯特布拉德 發表於 2020-11-16 09:03:00

一、安装环境 
1、本机系统：Windows 10 Pro（64位） 
2、Node.js：v6.9.2LTS（64位） 
二、安装Node.js步骤 
1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/ 
2、选安装目录进行安装 
3、环境配置 
4、测试 
三、前期准备 
1、Node.js简介 
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。 
2、下载Node.js 
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图： 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090009675-1673084212.png">
四、开始安装 
1、下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090020455-410705466.png">
点击【Next】按钮 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090026623-1324177630.png">
勾选复选框，点击【Next】按钮 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090042619-809994162.png">
修改好目录后，点击【Next】按钮 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090051149-1701799037.png"> 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090058806-1174054921.png">
安装完后点击【Finish】按钮完成安装 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090109666-1081935382.png">
至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置 
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090121596-483523183.png"> 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090129814-756389873.png">
安装完后的目录如下图所示： 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090136898-1062308569.png">
此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西
五、环境配置 
说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。 
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图： 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090202280-972861215.png">
创建完两个空文件夹之后，打开cmd命令窗口，输入 
npm config set prefix "D:\Tools\Nodejs\node_global" 
npm config set cache "D:\Tools\Nodejs\node_cache" 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090215796-919046815.png">
接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量” 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090226671-1354975199.png">
进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090236674-1156787449.png"> 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090244125-455355466.png"> 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090250817-1969478344.png"> 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090300862-1551456547.png">
六、测试 
配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口， 
输入如下命令进行模块的全局安装： 
npm install express -g # -g是全局安装的意思 
<img src="https://img2020.cnblogs.com/blog/2202355/202011/2202355-20201116090312286-1954689399.png">
七、配置淘宝镜像 
（一）最顶级的使用 
1、安装cnpm 
npm i -g cnpm --registry=https://registry.npm.taobao.org 
2、然后就可以cnpm安装依赖包了 
cnpm i -gvue vue-cli 
3、cnpm config ls 查看 
E:\我的项目\2018-08>cnpm config ls 
; cli configs 
disturl = "https://npm.taobao.org/mirrors/node" 
metrics-registry = "https://registry.npm.taobao.org/" 
registry = "https://registry.npm.taobao.org/" 
scope = "" 
user-agent = "npm/6.3.0 node/v8.11.3 win32 x64" 
userconfig = "C:\Users\Administrator\.cnpmrc"
; node bin location = D:\Program Files\nodejs\node.exe 
; cwd = E:\我的项目\2018-08 
; HOME = C:\Users\Administrator 
; "npm config ls -l" to show all defaults.
E:\我的项目\2018-08> 
会发现里面的registry变成了淘宝的镜像（仓库）：https://registry.npm.taobao.org/ 
【本文里面的“镜像”等同于“仓库”，下同】
（二）原始的npm 
1、查看原始配置 npm config ls 
E:\我的项目\2018-08>npm config ls 
; cli configs 
metrics-registry = "https://registry.npmjs.org/" 
scope = "" 
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"
; userconfig C:\Users\Administrator.npmrc 
cache = "D:\Program Files\nodejs\node_cache" 
prefix = "D:\Program Files\nodejs\node_global"
; builtin config undefined
; node bin location = D:\Program Files\nodejs\node.exe 
; cwd = E:\我的项目\2018-08 
; HOME = C:\Users\Administrator 
; "npm config ls -l" to show all defaults.
E:\我的项目\2018-08> 
会发现里面的registry是npm原始的镜像：https://registry.npmjs.org/ 
2、npm临时使用淘宝镜像安装依赖包 
npm i -g express --registry https://registry.npm.taobao.org 
3、npm持久使用淘宝镜像安装依赖包 
npm config set registry https://registry.npm.taobao.org 
npm i -g express 
注意，不推荐这样子，因为把npm的镜像完全设为了淘宝的镜像，万一我们有些依赖包只有npm原始镜像里面才有，而淘宝里面没有，那就悲剧了。所以分开npm和cnpm是最好的。
（三）一些常用设置 
1、查看【npm 与 cnpm 是2个不同的】 
npm config ls 
cnpm config ls
2、设置：主要是设置cache和prefix 
npm config set cache "D:\Tools\Nodejs\node_cache" 
npm config set prefix "D:\Tools\Nodejs\node_global"
cnpm config set cache "D:\Tools\Nodejs\node_cache" 
cnpm config set prefix "D:\Tools\Nodejs\node_global"
3、最后的结果 
E:\我的项目\2018-08>cnpm config ls 
; cli configs 
disturl = "https://npm.taobao.org/mirrors/node" 
metrics-registry = "https://registry.npm.taobao.org/" 
registry = "https://registry.npm.taobao.org/" 
scope = "" 
user-agent = "npm/6.3.0 node/v8.11.3 win32 x64" 
userconfig = "C:\Users\Administrator\.cnpmrc"
; userconfig C:\Users\Administrator.cnpmrc 
cache = "D:\Program Files\nodejs\node_cache" 
prefix = "D:\Program Files\nodejs\node_global"
; node bin location = D:\Program Files\nodejs\node.exe 
; cwd = E:\我的项目\2018-08 
; HOME = C:\Users\Administrator 
; "npm config ls -l" to show all defaults.
E:\我的项目\2018-08>npm config ls 
; cli configs 
metrics-registry = "https://registry.npmjs.org/" 
scope = "" 
user-agent = "npm/5.6.0 node/v8.11.3 win32 x64"
; userconfig C:\Users\Administrator.npmrc 
cache = "D:\Program Files\nodejs\node_cache" 
prefix = "D:\Program Files\nodejs\node_global"
; builtin config undefined
; node bin location = D:\Program Files\nodejs\node.exe 
; cwd = E:\我的项目\2018-08 
; HOME = C:\Users\Administrator 
; "npm config ls -l" to show all defaults.
淘宝 NPM 镜像 
https://npm.taobao.org/
这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次以保证尽量与官方服务同步。 
当前 registry.npm.taobao.org 是从 r.cnpmjs.org 进行全量同步的. 
当前 npm.taobao.org 运行版本是: cnpmjs.org@3.0.0-rc.29 
本系统运行在 Node.js@v12.8.1 上. 
开源镜像: http://npm.taobao.org/mirrors 
Node.js 镜像: http://npm.taobao.org/mirrors/node 
alinode 镜像: http://npm.taobao.org/mirrors/alinode 
phantomjs 镜像: http://npm.taobao.org/mirrors/phantomjs 
ChromeDriver 镜像: http://npm.taobao.org/mirrors/chromedriver 
OperaDriver 镜像: http://npm.taobao.org/mirrors/operadriver 
Selenium 镜像: http://npm.taobao.org/mirrors/selenium 
Node.js 文档镜像: http://npm.taobao.org/mirrors/node/latest/docs/api/index.html 
NPM 镜像: https://npm.taobao.org/mirrors/npm/ 
electron 镜像: https://npm.taobao.org/mirrors/electron/ 
node-inspector 镜像: https://npm.taobao.org/mirrors/node-inspector/
Version Badge 
Default style is flat-square. 
Badge URL: https://npm.taobao.org/badge/v/cnpmjs.org.svg 
<0.1.0 & >=0.0.0: 
<1.0.0 & >=0.1.0: 
>=1.0.0: 
使用说明 
你可以使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: 
$ npm install -g cnpm --registry=https://registry.npm.taobao.org 
或者你直接通过添加 npm 参数 alias 一个新命令: 
alias cnpm="npm --registry=https://registry.npm.taobao.org 
--cache=$HOME/.npm/.cache/cnpm 
--disturl=https://npm.taobao.org/dist 
--userconfig=$HOME/.cnpmrc"
Or alias it in .bashrc or .zshrc 
$ echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org 
--cache=$HOME/.npm/.cache/cnpm 
--disturl=https://npm.taobao.org/dist 
--userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc 
安装模块 
从 registry.npm.taobao.org 安装所有模块. 当安装的时候发现安装的模块还没有同步过来, 淘宝 NPM 会自动在后台进行同步, 并且会让你从官方 NPM registry.npmjs.org 进行安装. 下次你再安装这个模块的时候, 就会直接从淘宝 NPM 安装了. 
$ cnpm install 
同步模块 
直接通过 sync 命令马上同步一个模块, 只有 cnpm 命令行才有此功能: 
$ cnpm sync connect 
当然, 你可以直接通过 web 方式来同步: /sync/connect 
$ open https://npm.taobao.org/sync/connect 
其它命令 
支持 npm 除了 publish 之外的所有命令, 如: 
$ cnpm info connect 
来源：https://www.cnblogs.com/goodworld/p/13983444.html

頁: [1]

琼殿技术论坛's Archiver

Node.js环境配置及初始化