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