Windows下安装Node.js、npm和electronic，并运行一个Hello, World!脚本程序

20240510

By wdhuag

---

目录

简介：

参考：

安装Node.js

安装npm

配置npm：

 修改包存放目录和缓存目录

切换镜像源

使用 nrm 切换镜像源

安装Electron

运行一个Hello, World!脚本程序

安装Yarn 

JavaScript 指南

---

简介：

Node.js：JavaScript运行环境

npm：软件包管理器

electronic：一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架

PS：网上的教程太杂，这里做一个汇总。

---

参考：

npm学习二：npm配置文件和修改配置，安装包路径修改_npm config ls-CSDN博客

国内npm源镜像（npm加速下载） 指定npm镜像_npm 国内镜像-CSDN博客

一篇文章搞定什么是nodeJs它和NPM关系与项目应用 - 知乎

---

安装Node.js

//Node.js使用文档

Node.js 简介 (nodejs.cn)

//安装Node.js

Node.js — Download Node.js®

//Node.js与Npm对应版本

Node.js — Node.js Releases

//查看Node.js版本

node -v

---

安装npm

//npm使用文档

关于 npm - npm 中文文档

//全局安装npm（本地安装少了-g，全局安装所有用户都能使用）

npm install -g --verbose npm

//安装指定版本的npm

npm install -g --verbose npm@版本号

//查看npm版本

npm -v

//卸载npm（实际是更新到最新版本）

npm uninstall -g --verbose npm

---

配置npm：

//npm用户配置文件位置

npm config get userconfig

//npm全局配置文件位置

npm config get globalconfig

//查看npm的配置

npm config list -l

//编辑npm用户配置

npm config edit userconfig

//编辑npm全局配置

npm config edit userconfig --global

//删除npm本地或全局配置
1、查询配置文件位置，备份并删除配置文件

2、运行一次配置指令

---

 修改包存放目录和缓存目录

//修改全局包存放目录到"D:\node_packages\npm"

npm config set prefix "D:\node_packages\npm"

//修改缓存目录到 "D:\node_packages\npm_cache"

npm config set cache "D:\node_packages\npm_cache"

//在系统环境变量Path中添加路径

D:\node_packages\npm\node_modules

---

切换镜像源

//官方镜像源：

​​​​​​​https://registry.npmjs.org

//国内镜像源

淘宝NPM镜像：http://registry.npmmirror.com
阿里云NPM镜像：https://npm.aliyun.com
腾讯云NPM镜像：https://mirrors.cloud.tencent.com/npm/
华为云NPM镜像：https://mirrors.huaweicloud.com/repository/npm/
网易NPM镜像：https://mirrors.163.com/npm/
中国科学技术大学开源镜像站：http://mirrors.ustc.edu.cn/
清华大学开源镜像站：https://mirrors.tuna.tsinghua.edu.cn/

//国内使用npmmirror

npm config set registry http://registry.npmmirror.com

//查看镜像源使用状态

npm get registry
npm config get registry

---

使用 nrm 切换镜像源

//全局安装nrm

npm install -g --verbose nrm

//查看可切换的镜像源 (*表示正在使用的镜像源)

nrm ls

//测试速度

nrm test

//切换淘宝镜像源

nrm use taobao

---

安装Electron

//Electron使用手册

简介 | Electron (electronjs.org)

//安装Electron

npm install -g --verbose electron

//查看Electron版本

electron -v

//全局卸载Electron

npm uninstall -g --verbose electron

---

运行一个Hello, World!脚本程序

//cd到js文件运行目录"D:\node_packages\npm\test-app"

cd D:\node_packages\npm\test-app

//使用npm创建配置package.json

npm init

//填入配置

package name: (test-app)
version: (1.0.0)
description: Hello World!
entry point: (index.js)
test command: echo Hello, World!
git repository:
keywords:
author: your name
license: (ISC)

//修改package.json文件

{"name": "test-app","version": "1.0.0","description": "Hello World!","main": "index.js","scripts": {"test": "echo Hello, World!","start": "node index.js"},"author": "your name","license": "ISC"
}

//修改index.js文件

console.log('Hello, World')

//使用npm测试

npm run test
npm test
npm start

D:\node_packages\npm\a-app>npm test

> a-app@1.0.0 test
> echo Hello, World!Hello, World!

D:\node_packages\npm\a-app>npm start

> a-app@1.0.0 start
> node index.jsHello, World!

---

安装Yarn 

//安装Yarn

npm install yarn -g --verbose

//使用yarn测试

yarn test
yarn start

D:\node_packages\npm\test-app>yarn test

yarn run v1.22.22
$ echo Hello, World!
Hello, World!
Done in 0.07s.

D:\node_packages\npm\test-app>yarn start

yarn run v1.22.22
$ node index.js
Hello, World!
Done in 0.13s.

---

JavaScript 指南

JavaScript 指南 - JavaScript | MDN

---

End