IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> nodejs-(一)win10安装配置nodejs(v12.20)环境 -> 正文阅读

[JavaScript知识库]nodejs-(一)win10安装配置nodejs(v12.20)环境

nodejs-(一)win10安装配置nodejs(v12.20)环境

一、什么是Nodejs?
Node.js是一个基于Chrome V8擎JavaScript运行时环境。Node.js听名字好像是个JS库,其实Node.js是C++开发的JavaScript运行时环境。
使用Node.js可以访问读写txt文本、访问数据库,开发Web网站等等。

二、下载地址
官网:
https://nodejs.org/zh-cn/
其它版本:
https://nodejs.org/zh-cn/download/releases/
源码地址:
https://github.com/nodejs

三、node和npm两个重要的命令行工具介绍
node,是Nodejs的执行命令,输入node可以进入Nodejs环境,键入标准js可以在控制台查看输出内容。如果想独立运行hello.js文件,可以输入命令:node hello.js 查看执行结果。
npm,(Node Package Manager)是Nodejs包管理工具,可以安装我们需要的依赖包到本地。通过package.json文件来管理插件包的包管理工具,包都存在node_modules里面,安装node环境会自动集成npm工具,不需要额外安装。

四、搭建环境和修改配置
下面以v12.20.0为例在win10中配置一个Nodejs环境,我们使用zip包手动安装Nodejs。
1.下载文件
下载地址:https://nodejs.org/download/release/v12.20.0/
下载node-v12.20.0-win-x64.zip文件

2.将文件解压到D:\nodejs\node-v12.20.0-win-x64目录
node.exe 文件应在此路径下 D:\nodejs\node-v12.20.0-win-x64\node.exe;
在根目录新建 node_global 、node_cache 文件夹,用于存放全局包;
后续使用命令配置全局包和国内镜像地址:

3.配置环境变量
3.1 新建 NODE_HOME 变量,指向node命令目录:D:\nodejs\node-v12.20.0-win-x64
3.2 新建 NODE_PATH 变量,指向全局包所在目录:%NODE_HOME%\node_global\node_modules
3.3 在Path变量中添加三个路径
%NODE_HOME%
%NODE_HOME%\node_global
%NODE_PATH%
注:后续如果需要安装其它版本的Nodejs只需要修改NODE_HOME变量值即可。

4.验证Nodejs是否安装成功
分别键入node -v ?和 npm -v 看到版本号就算成功了。
>node -v
v12.20.0
>npm -v
6.14.8

5.修改npm全局包的默认存放路径和国内镜像地址;
npm config set prefix "D:\nodejs\node-v12.20.0-win-x64\node_global"
npm config set cache "D:\nodejs\node-v12.20.0-win-x64\node_cache"
npm config set registry "http://registry.npm.taobao.org/"

查看配置是否成功键入命令:npm config list
或者打开配置文件查看:notepad C:\Users\%USERNAME%\.npmrc
npm root -g 命令查看全局包路径。

五、尝试安装全局包(如果不加-g参数,文件将安装到用户目录下)
npm install vue -g ? ? ?//安装vue全局包,成功后node_global\node_modules下将多一个vue文件件;
npm list -g ? ? ? ? ? ? //查看已安装的全局包;
npm uninstall vue -g ? ?//卸载vue全局包;
注:-g 表示全局包
?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-26 11:33:45  更:2022-04-26 11:35:53 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 2:16:03-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码