首页 前端知识 Windows下安装Node.js、npm和electronic,并运行一个Hello, World!脚本程序

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

2024-08-08 22:08:22 前端知识 前端哥 461 658 我要收藏

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15056.html
标签
评论
发布的文章

jQuery

2024-01-31 12:01:10

JQuery操作DOM

2024-04-13 23:04:28

jQuery入门(五)Ajax和json

2024-08-16 22:08:14

Aristo jQuery UI 主题教程

2024-08-16 22:08:14

常用js库和框架(echarts)

2024-08-16 22:08:08

ECharts基础配置详解

2024-08-16 22:08:07

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!