从脚手架开始学前端 【第2期】Node.js环境搭建(windows)

简介: 从脚手架开始学前端 【第2期】Node.js环境搭建(windows)

一、简介
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
二、下载
windows下的Node.js安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。


三、Node.js 安装
1、鼠标双击node-v12.13.0-x64.msi开始安装

2、勾选同意协议,点击Next

3、修改安装路径,点击Next

4、Add to PATH 选择安装到本地,点击Next

5、点击Next

6、点击Install

7、出现安装进度界面和进度条,开始安装,如果要取消安装,点击Cancel即可

8、安装成功,点击Finish关闭页面,即为安装成功。测试的时候可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。

方法:在cmd下输入node -v,出现下图版本提示就是完成了NodeJS的安装。

、npm 安装

新版的NodeJS已经集成了npm,所以npm也一并安装好了。

可以在cmd命令行输入"npm -v"来测试是否成功安装。

五、配置

1、NodeJS环境变量配置

windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“D:\Program Files\nodejs”)


2、npm配置

npm作为一个NodeJS的模块管理,需要配置模块路径、cache路径

a.在node.js的安装根目录中新建“node_global”和"node_cache"两个文件夹。

b.使用cmd命令进行配



npm config set prefix "D:\Program Files\nodejs\node_global"npm config set cache "D:\Program Files\nodejs\node_cache"

注意:如果不进行这一步设置,npm的全局安装包,将不会在node安装文件夹里。

3、配置环境变量

打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框,在系统变量下新建"NODE_PATH",输入”D:\Program Files\nodejs\“。

点击Path - 新建

设置NODE_PATH

在系统变量下新建Path输入”%NODE_PATH%\node_global\node_modules“。(ps:这一步相当关键。)

由于改变了module的默认地址,所以上面的用户变量都要跟着改变一下,用户变量"PATH"修改为“%NODE_PATH%\node_global\”)

注意:

如果不配置,npm install xx -g(global)(global全局安装的意思)会将安装的模块默认安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,长期会是C盘空闲变小,电脑慢慢变慢。


  1. 安装完

六、测试

全局安装svue-cli脚手架进行测试

npm i svue-cli -g
yarn global add svue-cli
npm install svue -g
yarn global add svue
npm i evue-cli -g
yarn global add evue-cli
npm i evue -g
yarn global add evue
目录
相关文章
|
Web App开发 JavaScript 前端开发
《Node.js入门》Windows 7下Node.js Web开发环境搭建笔记
最近想尝试一下在IBM Bluemix上使用Node.js创建Web应用程序,所以需要在本地搭建Node.js Web的开发测试环境。 这里讲的是Windows下的搭建方法,使用CentOS 的小伙伴请参考:《Node.js入门》CentOS 6.5下Node.js Web开发环境搭建笔记 Node.js是什么? 我们看看百科里怎么说的? JavaScript是一种运行在浏览器的脚本,它简单,轻巧,易于编辑,这种脚本通常用于浏览器的前端编程,但是一位开发者Ryan有一天发现这种前端式的脚本语言可以运行在服务器上的时候,一场席卷全球的风暴就开始了。
1143 0
|
10月前
|
Web App开发 JavaScript 前端开发
Windows 10上安装Node.js的初学者指南
Node.js是是一个强大的JavaScript运行时环境,建立在Chrome的V8 JavaScript引擎上,让你能够在服务器端运行JavaScript。 通过本教程,你将学会如何设置Node.js和npm(节点包管理器等现代Web开发的必备工具。无论你是希望构建Web应用程序、创建服务器端脚本,还是涉足全栈开发,安装Node.js都是你的第一步。那么,让我们开始吧!
|
JavaScript Shell 开发工具
如何在 Windows 10 中搭建 Node.js 环境?
本文作者为 Szabolcs Kurdi,主要通过生动的实例介绍如何在 Windows 10 中搭建 Node.js 环境。文章系国内 ITOM 管理平台 OneAPM 编译呈现。
3908 0
|
Web App开发 缓存 JavaScript
Node.js 安装及环境配置之 Windows 篇
Node.js 安装及环境配置之 Windows 篇
299 1
Node.js 安装及环境配置之 Windows 篇
|
JavaScript 开发工具
【开发工具】sublime配置node.js的运行环境
【开发工具】sublime配置node.js的运行环境
135 0
【开发工具】sublime配置node.js的运行环境
|
JavaScript 前端开发
【前端】学习VUE框架之运行环境node.js安装步骤
前面了解了vue的一些概念知识点,接下来开始安装vue运行环境了,它需要安装node.js,接下来接介绍如何安装node.js
273 0
【前端】学习VUE框架之运行环境node.js安装步骤
|
缓存 JavaScript 前端开发
Windows7压缩包安装node.js 报错提示windows Server 2012 R2 和安装React脚手架 最详细教程
对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。
|
Web App开发 JavaScript 前端开发
从脚手架开始学前端 【第2期】WINDOWS安装Node.js及配置
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
284 0
从脚手架开始学前端 【第2期】WINDOWS安装Node.js及配置