前端另一个运行环境nodejs

author author     2023-04-22     375

关键词:

参考技术A 说前端,就不得不说JavaScript,JavaScript可以直接在浏览器中运行,它的另一个运行环境就是NodeJs。

浏览器中写JavaScript是超级简单的,打开浏览器,然后按F12或者鼠标右键,选择检查(检查元素),再选择控制台,输入Console.log(‘Hello world!’),打印出经典的Hello World!。

让javaScript这门语言能成为前端的老大,是应为NodeJs,有了NodeJs,javaScript也可以做为服务端部署,是不是感觉前端也能往全栈发展,开发出属于自己的应用,不要太开心了哦。

现在开始安装NodeJs啦,推荐菜鸟教程: https://www.runoob.com/nodejs/nodejs-install-setup.html以及NodeJs 官网: https://nodejs.org/en/download/

在这里注意说一下注意事项:

1.  确定安装好node(npm随node安装程序自动安装,npm是对Node.js依赖的包进行管理)之后

2.  配置npm安装全局模块时的路径和缓存cache的路径

Npm执行全局安装的命令:npm install webpack -g等,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache,这样就会导致不方便管理此处的模块并且占用C盘空间,这里建议进行自定义的全局模块安装目录的配置,在node.js安装目录下新建两个文件夹node_global和node_cache:

在cmd中执行下面两个命令即可:

npm config setprefix "D:\Program Files\nodejs\node_global"

npm config setcache "D:\Program Files\nodejs\node_cache"

执行之后,配置环境变量,如下:

“环境变量”-> “系统变量”:新建一个变量名为“NODE_PATH”,值为:node安装目录\node_global\node_modules

“环境变量” -> “用户变量”:编辑用户变量里的Path,讲相应npm的路径(“C:\Users\用户名\AppData\Roaming\npm”)改为:node安装目录\node_global

测试:

安装成功,自定义文件夹如下所示:

在cmd命令下执行webpack -v 查看webpack版本,出现这个问题:‘webpack’不是内部或外部命令,也不是可运行的程序或批处理文件:

确认安装好了NodeJS,也安装了webpack

检查配置的路径:环境变量下的用户变量的path:

环境变量下的系统变量的NODE_PATH:

环境变量下的系统变量的Path,发现时少增加了D:\software\node\node_global,增加上之后:

因为安装的webpack是高版本,还需要全局安装webpack-cli,命令:npm install webpack-cli -g,安装好后就可以了:

坚信问题是促使我们前进,问题也是让我们产生了价值的意义所在,欢迎评论留言点赞。

搞定什么是nodejs它和npm关系与应用(代码片段)

现在前端的入门门槛越来越高了,不再是单纯html+css+js,各种前端框架层出不穷,各种ui组件库层出不穷。模块化,打包化,各种工具库层出不穷,前端变成大前端,甚至前端可以搞定整个项目,通过node作为服务端api,这里我们... 查看详情

前端自动化工作流环境

可以避免重复操作前端开发的编译操作 一.Node环境Node.js不是一个js文件,也不是一个JS框架。而是ServersideJavascriptruntime服务器端javascript运行时 nodeJS分支io.js社区的产物15年又合并了后来又拆开了Node4.x==官方的node5.x==io.js&nbs... 查看详情

NodeJS:在前端脚本中使用环境变量

】NodeJS:在前端脚本中使用环境变量【英文标题】:NodeJS:Useenvironmentvariablesinfrontendscripts【发布时间】:2013-07-0902:38:19【问题描述】:我正在编写一个socket.io应用程序,每次我从推送到heroku时,我都不得不在前端的scripts.js文件中... 查看详情

前端fayermall开发项目

一、开发环境的搭建注释:(因为是自己的电脑开发的,所以所有的都要重新安装)1、安装nodejs(js服务端的运行环境,构建工具的环境依赖)2、npm1)node.js的包管理工具2)nodejs一般会以包的形式来组织各个模块,所谓的包,... 查看详情

区块链-前端交互第二篇:nodejs认知和js基础语法(代码片段)

文章目录初步认识NodeJSJavaScript是什么核心理解:NodeJS是什么小结初步认识JavaScript简介:理解JS脚本运行环境基础语法变量不限制变量的数据类型反引号和$表达式两个特殊值八种数据类型关键词小结初步认识NodeJSJavaScript... 查看详情

nodejs环境搭建

...、ElementUI简介一、NodeJs简介:     1.定义:是一个基于ChromeV8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O的模型,是一个让JavaScript运行在服务端的开发平台 查看详情

vue开发实例(01)之环境搭建nodejs与运行第一个vue项目

...#xff0c;期待与您一起学习、成长、起飞!引言Vue是现在前端最流行的框架之一,作为前端开发人员应该要熟练的掌握它,如果你是打算学习Vue的开发流程,那么来吧,明哥带你快速上手、带你飞!即使你并... 查看详情

运行一个 Google App Engine 实例,前端在 nodejs 中,后端服务器在 python 中

】运行一个GoogleAppEngine实例,前端在nodejs中,后端服务器在python中【英文标题】:RunningOneInstanceofGoogleAppEnginewithfrontendinnodejsandbackendserverinpython【发布时间】:2018-10-2104:41:36【问题描述】:我对GCP和GAE,还有nodejs和python和网络(... 查看详情

运行nodejs第一个程序

环境  node、webstrom、cmd步骤打开Node.js环境  window-->Node.js  2.在webstrom编辑main.js文件1/**2*CreatedbySeadeeon2017/5/26.3*/45//createthenode.jsapplication6//step1introducetherequiredmodule7varhttp=require("ht 查看详情

如何一个接一个地运行相同的 Promise NodeJs

】如何一个接一个地运行相同的PromiseNodeJs【英文标题】:HowtorunsamepromisesoneafteranotherNodeJs【发布时间】:2017-11-2407:16:56【问题描述】:我正在尝试解决以下问题。考虑以下情况。我需要检查一组服务器是否还活着。或者更具体地... 查看详情

初识nodejs,一个基于googlev8引擎的javascript运行环境

思考   首先我们来思考一个问题:我们都知道几乎所有现代主流浏览器都全面支持了ECMAScript5.1版标准,而JavaScript的标准是ECMAScript。那么我们就容易认为JavaScript是一种浏览器端的解释型编程脚本。那么脱离了浏览器... 查看详情

nodejs基础认识nodejs详解fs文件系统模块与path路径模块01

...dejs.org/zh-cn/Node.js中的JavaScript运行环境浏览器是JavaScript的前端运行环境Node.js是JavaScript的后端运行环境Node.js中无法调用DOM和BOM等浏览器内置APINode.js可以做什么N 查看详情

前端框架,后台语言

Node.js 教程简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于ChromeJavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。Nod... 查看详情

如何在端口xxxx上运行nodejs服务器并通过另一个端口访问它?(代码片段)

我正在使用centOS,我想将端口xxxx重定向到另一个端口。node.js已安装。我用这个笔记尝试过:BestpracticeswhenrunningNode.jswithport80(Ubuntu/Linode)iptables-tnat-APREROUTING-ieth0-ptcp--dport80-jREDIRECT--to-port3000我收到一条错误消息:无法初始化iptables... 查看详情

node.js

...dejs初步了解nodejs1,概念官网Node.js中文Node.js中文网Node.js是一个基于ChromeV8引擎的JavaScript运行环境浏览器中浏览器引擎/内核编译执行JavaScript程序nodejs将谷歌浏览器的引擎/内核剥离出来编辑成一个独立于浏览器之外的js程序的运行... 查看详情

从另一个环境调用 Perl 在后台

】从另一个环境调用Perl在后台【英文标题】:Perlonbackgroundwheninvokedfromanotherenv【发布时间】:2015-05-3000:41:02【问题描述】:我有一个应该在后台做一些工作的Perl脚本。这很好地描述了-我分叉,杀死(返回0)父母并在孩子身上完... 查看详情

nodejs面试题笔记(代码片段)

...之后,js可以再如何安装nodejs的环境运行二、nodejs和前端js的区别(1)语法层面都使用ES语法前端js使用JSWebAPInodejs使用nodeAPI(2)应 查看详情

vscode怎么为一个前端项目配置ts的运行环境

vsCode为一个前端项目配置ts的运行环境,ts文件保存的时候自动编译成js文件:假设此前端项目名称为Web:文件结构如图1.在根目录中新建一个“.vscode”文件夹,里面建一个“tasks.json”文件,内容为:{//Seehttps://go.microsoft.com/fwlink/... 查看详情