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.js
Hello, 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