Windows下NodeJS环境搭建

Windows下NodeJS环境搭建

1. NodeJS

Javascript运行环境,可以解析JavaScript语言,采用Chrome V8引擎,可以理解为你安装了一个Chrome浏览器,然后把浏览器的图形化界面都扒光,把没必要的一些功能都扒光,只留下一个核心V8引擎,再把这个引擎外面封装一些接口,就成了NodeJS。

2. NPM(CNPM)

一个包管理器。就像我们装新家需要有现成的实木门,现成的组合厨房,现成的彩电电冰箱,然后把这些都拿过来以后像拼积木一样把他们拼到屋子里就完成了一个新家的装修,总比给你一堆元器件现发明冰箱来的快。包管理器,就是把这些前人写好的代码(包)下下来自己用。

可以类比于C#的NuGet,Ubuntu的APT,PHP的Compose,这些都是对应环境的包管理工具。

因为国内的开发者访问NPM官方资源会很慢,可以说基本不能用,所以我们一般把NPM的包地址指向国内的淘宝镜像

3. 搭建环境

去下面的地址,下载下来对应版本的NodeJs并且安装
NodeJS官网下载地址
NodeJS和NPM是绑定安装的,装好NodeJS以后默认NPM就已经装好了,然后启动任意一个终端界面输入下面命令,如果出现版本号,则安装成功

node -v
npm -v

node -v查询nodejs版本,npm -v查询npm版本号

如果是在中国大陆地区的用户最好安装CNPM,一个自动绑定淘宝镜像的NPM

详细的CNPM信息点这里

3.1 安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

解释下上面的参数

install 安装

-g 全局安装参数

cnpm 安装cnpm这个软件包

--registry=https://registry.npm.taobao.org 重定向包地址到https://registry.npm.taobao.org,也就是说我们是从taobao.org这个地址下载安装的cnpm这个包

这个过程需要一段时间,慢慢等一会

3.2 用CNPM安装Webpack包

装完cnpm以后,你需要建立一个单独的文件夹用来保存工程所需要的各种包、文件,我创建了一个叫做NodeDemo的新文件夹

然后在Powershell(或者别的终端比如cmd)里面切换到NodeDemo这个文件夹目录,运行下面这个命令安装一个webpack包(一个打包工具)

cnpm install webpack --save-dev

参数解释:
--save 将webpack这个包的信息保存到package.json配置文件
-dev 安装开发版本而非发布版

4. NodeDemo目录结构介绍

我们来看一下安装好Webpack后的NodeDemo文件夹里面有什么

NodeDemo目录结构

一个文件package.json,一个文件夹node-modules

4.1 node-modules

node-modules文件夹保存着你通过CNPM安装的所有的本地包代码,一般情况下我们是不需要动这个文件夹的。

那么为什么是本地包代码呢,是因为我们刚才安装包(webpack包)的时候并没有加-g这个参数,而这个参数的意义就是把这个包的代码全局安装,这样的话在任意项目中(比如NodeDemo这种文件夹)都可以使用这个包,而像是安装在NodeDemo/node-modules/这种文件夹里的包,就只有这一个项目可以用。

全局包安装地址是
C:\Users\{username}\AppData\Roaming\npm\node_modules

全局包地址

这里面就会有刚刚我们全局安装的CNPM包

顺便一提为什么全局包哪都可以用,这个跟NodeJS的寻址顺序有关系,它会先找全局地址里的包,再找当前项目里面的包。

4.2 package.json

打开package.json,里面只有几行配置

{
  "devDependencies": {
    "webpack": "^3.10.0"
  }
}

这个文件就是一个配置文件,用来告诉CNPM这个项目里都安装了哪些包,记得之前--save选项吗,如果安装包的时候加上这个选项,就会把那个包的信息加到这个文件里(package.json),如果不加--save,就不会加到这个文件里了,但是还是会安装到node-modules文件夹里

加到这个文件里的意义有两个,第一是可以手工打开查看当前项目里安装了哪些包以及版本信息,第二就是你可以通过这个文件随时重建这个项目结构,举个例子,我们现在把node-modules这个文件夹删除。

然后在Powershell(或者其他终端,必须在NodeDemo这个文件夹目录下)里面输入

cnpm install

运行cnpm install后,cnpm会读取package.json文件夹的内容,并把里面配置的包重新安装一遍。

当然,package.json还可以配置项目名称,作者名称或者其他一些参数,不过一般在创建项目的时候就已经设置好了

package.json官网说明


5. 总结

NodeJS是环境,一个执行JS代码的解释器

NPM是一个运行在NodeJS上的包管理器,可以方便的通过它管理下载各种可以在NodeJS环境下运行的包

这也是现代前端的开发基础

转自:https://www.jianshu.com/p/5f53a4f9e0c6

原文地址:https://www.cnblogs.com/vagrant2814154894/p/12320626.html

时间: 2024-10-24 13:00:58

Windows下NodeJS环境搭建的相关文章

windows下egret环境搭建

作者:zccst 1,下载安装nodejs 安装完毕,通过cmd.exe查看 node -v正常 npm 时报错:nodejs/windows Error: ENOENT, stat 'C:\Users\RT\AppData\Roaming\npm' 解决办法:Manually creating a folder named 'npm' in the displayed path fixed the problem 翻译过来就是,在'C:\Users\RT\AppData\Roaming\'下建

cocos2d-x_ Windows下Android环境搭建

在Windows环境下编译cocos2d-x-3.0 Android-NDK编译:cocos2d-x(二) Mac 下搭建:http://www.cocoachina.com/bbs/read.php?tid=199238 1. 安装配置开发环境 安装JDK  jdk-8u5-windows-i586 安装ant  apache-ant-1.9.4-bin.zip 安装SDK  adt-bundle-windows-x86-20140321 安装NDK  android-ndk-r9d-wind

[转帖]cocos2d-x 3.0rc开发指南:Windows下Android环境搭建

原文请看:http://blog.csdn.net/linzhengqun/article/details/21663341 鲜红字体请注意:文中红色字体乃是本文博主阳光下的蒲公英添加.红色字体部分造成的问题,本博主一概不负任何责任.其他字体的责任由原文作者负责.(本文博主是不是特别无节操了呢....O(∩_∩)O哈哈哈~) 安装工具 1. 配置JDK JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.ht

windows下Nodejs环境部署

前言 Nodejs是基于v8引擎的轻量级框架,其特点为事件驱动.非阻塞.单线程.异步回调等. Nodejs相对于其他运行在服务器端的语言,使用方便. 本文将介绍windows下Nodejs的环境搭建. 下载 nodejs下载地址:https://nodejs.org/download/ mongodb下载地址:http://www.mongodb.org/downloads 安装 将下载的文件分别安装即可. 安装完成后,可通过: node -v:查看nodejs版本. npm -v:查看npm版

安卓转战React-Native之windows下android环境搭建爬坑血泪史

前言 最近又有新的项目立项,所以好久都没有写博客了,然后都是利用闲暇时间来学习React-native. 由于安卓和ios的就业环境给移动端开发带来前所未有的冲击,于是乎很多伙伴们不得不另谋他路,然后现在比较火爆的Hybird和react-native也是对我们移动端的影响比较大,比如去面试会问你会nodej或者react不,前端工程师(js)转移动端的门槛变得很低,angularjs和reactjs都很不错,并且6月底阿里开源weex,估计很多人对weex还是特别期待的,唉,只能拿知识武装自己

Spark在Windows下的环境搭建

由于Spark是用Scala来写的,所以Spark对Scala肯定是原生态支持的,因此这里以Scala为主来介绍Spark环境的搭建,主要包括四个步骤,分别是:JDK的安装,Scala的安装,Spark的安装,Hadoop的下载和配置.为了突出"From Scratch"的特点(都是标题没选好的缘故),所以下面的步骤稍显有些啰嗦,老司机大可不必阅读,直接跳过就好.  一.JDK的安装与环境变量的设置 1.1 JDK的安装 JDK(全称是JavaTM Platform Standard

Laravel学习之Windows下Homestead环境搭建

一.简介 1.Homestead Laravel Homestead是官方预封装的Vagrant box,提供给我们学习和开发者一个环境,我们在自己的电脑上不要装PHP,HHVM,WEB服务器等其他软件.也不用担心环境搭建带来的问题,Vagrant box全部都会给解决好,我们只需要使用就好.如果有问题,我们可以重新销毁vagrant box重新安装一个即可. 2.内置软件 Ubuntu 16.04 Git PHP 7.0 HHVM Nginx MySQL MariaDB Sqlite3 Pos

IOS开发-windows下object-c环境搭建

手头没有mac,开始学习object-c,只有在windows下搭建object-c编译环境. 下载需要的软件:http://www.gnustep.org/experience/Windows.html 安装gnustep-msys-system,gnustep-core,gnustep-devel,gnustep-cairo: 依次安装,直接默认下一步,前两个是必装,后两个选装,我的如下: 安装完成后,默认路径为:C:\GNUstep: 新建helloworld.m文件: #import <

android学习第1篇:windows下android环境搭建:adt-bundle

安卓学习开始了! 在windows上搭建安卓开发环境,看似简单,其实问题很多,我整整搭建了5天才搞定,当然,也是因为工作有些忙的原因,时间不太多,OK,本篇教程,我会将我遇到的所有问题都写上,希望看到这篇博客的朋友,不会犯同样的错误. 一.搭建JAVA开发环境 1.基本概念 如果你会JAVA,那直接略过就行. http://blog.csdn.net/alspwx/article/details/20799017 这篇博客,是我以前转载的别人的,主要是介绍:J2EE\J2ME\JVM\JRE\J