一、初识node.js

简单的说Node.js 就是运行在服务器端的JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

Node.js 的包管理器 npm,是全球最大的开源库生态系统。

Node.js官网:https://nodejs.org/en

npm官网:https://www.npmjs.com

1、安装node.js

从官网下载安装包,本文以安装v8.12.0版本为例,下载完成后按照提示安装。

注意 :若安装过程中修改了默认安装路径,则要将修改后的路径添加到系统的环境变量中。

2、node.js命令介绍(cmd终端执行)

查看node版本: node –v

查看npm版本:npm -v

进入node环境:node

退出node环境:两次ctrl+c

3、通过node.js的npm下载项目中用到的包如bootstrap和jquery等,步骤如下:

a、安装好node.js后,在命令行通过cd命令切换到项目目录下;

b、初始化项目目录,会自动生成一个package.json文件来管理我们的包,命令如下:

npm init 或者 npm init --yes

c、下载当前项目依赖的包,如bootstrap和jquery,命令如下:

npm install jquery –S 或者 npm install jquery --save

npm install jquery@3.3.1 –S(--save) 或者 npm install jquery@3 –S(--save)

注意:

1)默认下载最新版本,也可以带上版本号;

2)执行命令后项目中增加了一个node_modules文件夹,包含jquery文件;

3)执行命令后package.json中增加了”dependencies”:{ "jquery": "^3.3.1" };

下载bootstrap则把上边的jquery换成bootstrap即可,也可以指定版本,如下:

    npm install bootstrap@3 –S 或者 npm install bootstrap@3 –save

注意:

1)默认下载最新版本,也可以带上版本号;

2)执行命令后项目的node_modules文件夹增加了一个bootstrap文件夹;

3)执行后package.json中的”dependencies”值增加了{ "bootstrap": "^3.3.7",};

PS:当前项目依赖包在dependencies中,开发环境下依赖的包在devDependencies中存放。

总结:项目依赖的所有包都放在node_modules文件夹中。

d、卸载命令:npm uninstall jquery –S

4、github不允许上传超过100M的项目,所以上传项目的时候不用上传node_modules文件夹。

手动删除node_modules文件夹后,package.json中依赖的包还存在的话,在终端执行命令,则可以自动下载package.json中的所有包,命令如下:

npm install

所以当你从GitHub下载一个项目后,进入项目目录,执行npm install就可以下载项目依赖的包。

5、例如,一个项目中的package.json文件中有如下键值对:

  "scripts": {

    "dev": "node build/dev-server.js",

    "build": "node build/build.js"

  },

那么,我们可以执行npm run dev来打开node服务器,然后访问项目;可以执行npm run build命令对项目进行压缩和丑陋化(js和css文件都在一行,且变量用e、t、i等单字母表示)。

注意:前端也是服务器的,即node.js。常常作为中间层,接受前端页面发送的请求,并向python等后台的服务器发送请求。前端全局变量都挂在window对象上,node.js全局变量挂在global对象上。

6、前端三大压缩工具:webpack(用的比较多)、grunt、gulp。

初识node.js(通过npm下载项目依赖的包的过程)的更多相关文章

  1. Maven下载项目依赖jar包和使用方法

    一.Maven3.5.0安装与配置+Eclipse应用 参考:Maven3.5.0安装与配置+Eclipse应用 二.http://mvnrepository.com/ 此处以http://mvnre ...

  2. Vue项目一、node.js和npm的安装和环境搭建

    一.为什么安装node.js及npm npm npm是Node.js的包管理工具(package manager),是全球最大的生态系统,同过npm可以找到很多丰富的插件来满足项目的需求. a1.现在 ...

  3. laravel项目中通过nvmw安装node.js和npm 开发环境-- windows版

    windows版本安装 此教程执行的时候,网速一定要好.不然可能出现各种错误. 如果本文对你有用,请爱心点个赞,提高排名,帮助更多的人.谢谢大家!❤ git clone nvmw  直接从 githu ...

  4. Node.js之路【第一篇】初识Node.js

    什么是Node.js 1.Node.js就是运行在服务端的JavaScrip. 2.Node.js是一个基于Chrome JavaScrip运行时简历的一个平台. 3.Node.js是一个非阻塞I/O ...

  5. 关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用

    关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用   工作环境:window下 在一切的最开始,安装node.js (中文站,更新比较慢http://nodejs.cn/) ...

  6. node.js的npm详解

    一.什么是npm呢 npm(Node Package Manager,node包管理器)是node的包管理器,他允许开发人员在node.js应用程序中创建,共享并重用模块.模块就是可以在不同的项目中重 ...

  7. node.js的npm安装

    我不打算引进node.js的npm安装,但发现node.js通过管理一些包npm实现,或给一个简短的npm. 1.npm什么        npm是一个node包管理和分发工具,已经成为了非官方的公布 ...

  8. Node.js、npm、vue-cli 的安装配置环境变量

    我安装node.js是为了学习vue,需要用到npm,所以就把node.js安装了,安装node.js会带有npm的安装. 在安装node.js之前,我们需要了解以下三个内容. npm: Nodejs ...

  9. 安装Node.js、npm和环境变量的配置

    由于Node.js平台是在后端运行JavaScript代码,所以,必须首先在本机安装Node环境. 一.安装Node.js 首先,从Node.js官网下载对应平台的安装程序,网速慢的童鞋请移步国内镜像 ...

随机推荐

  1. 几种开源的TCP/IP协议栈分析

    1:BSD TCP/IP协议栈,BSD栈历史上是其他商业栈的起点,大多数专业TCP/IP栈(VxWorks内嵌的TCP/IP栈)是BSD栈派生的.这是因为 BSD栈在BSD许可协议下提供了这些专业栈的 ...

  2. web-Amazon

    一 准备实验数据 1.1.下载数据 wget http://snap.stanford.edu/data/amazon/all.txt.gz 1.2.数据分析 1.2.1.数据格式 product/p ...

  3. 2019.01.17 bzoj2333: [SCOI2011]棘手的操作(启发式合并)

    传送门 启发式合并菜题. 题意:支持与连通块有关的几种操作. 要求支持连边,单点修改,连通块修改,全局修改和单点查值,连通块查最大值和全局最大值. 我们对每个连通块和答案用可删堆维护最大值,然后用启发 ...

  4. Firefox,chrome,IE上传图片预览

    首先判断IE或是Firefox,chrome.本文只测试了IE8中和Firefox,chrome是不一样的. 判断是否IE: if(-[1,]){//判断浏览器不是IE    //alert((-[1 ...

  5. 从模板驱动文件ins生成cls文件

    在当前目录下,启动cmd程序,输入以下指令: latex acmart.ins

  6. .NET 开源GIS项目

    SharpMapSharpMap是一个基于.NET 2.0使用C#开发的Map渲染类库,可以渲染ESRI Shape.PostGIS.MS SQL等格式的GIS数据,通过扩展地图数据Provider, ...

  7. canvas画的时钟

    结合几天来学习的canvas的API,终于完成了一个时钟呵呵 html <!doctype html> <html> <head> <meta charset ...

  8. WinSockets编程(六)select模式

    select模式的思想 创建FD_SET fd_all,并初始化FD_ZERO(&fd_all); Step1  初始时: Step2   加入一个套接字之后,比如FD_SET(sServer ...

  9. (转)Eclipse开发Web项目

    1. 建立最简单的JSP和servlet http://wenku.baidu.com/link?url=bcf8iwB3E5_gjl46WfZAekQUWsps0-G3MAbbKz5totQcvmS ...

  10. (树形dp)鸡毛信问题 (fzu 1227)

    http://acm.fzu.edu.cn/problem.php?pid=1227   Problem Description 大革命时期,地下党组织的联络图是一个树状结构.每个党员只和一个比他高一 ...