初识node.js(通过npm下载项目依赖的包的过程)
一、初识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下载项目依赖的包的过程)的更多相关文章
- Maven下载项目依赖jar包和使用方法
一.Maven3.5.0安装与配置+Eclipse应用 参考:Maven3.5.0安装与配置+Eclipse应用 二.http://mvnrepository.com/ 此处以http://mvnre ...
- Vue项目一、node.js和npm的安装和环境搭建
一.为什么安装node.js及npm npm npm是Node.js的包管理工具(package manager),是全球最大的生态系统,同过npm可以找到很多丰富的插件来满足项目的需求. a1.现在 ...
- laravel项目中通过nvmw安装node.js和npm 开发环境-- windows版
windows版本安装 此教程执行的时候,网速一定要好.不然可能出现各种错误. 如果本文对你有用,请爱心点个赞,提高排名,帮助更多的人.谢谢大家!❤ git clone nvmw 直接从 githu ...
- Node.js之路【第一篇】初识Node.js
什么是Node.js 1.Node.js就是运行在服务端的JavaScrip. 2.Node.js是一个基于Chrome JavaScrip运行时简历的一个平台. 3.Node.js是一个非阻塞I/O ...
- 关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用
关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用 工作环境:window下 在一切的最开始,安装node.js (中文站,更新比较慢http://nodejs.cn/) ...
- node.js的npm详解
一.什么是npm呢 npm(Node Package Manager,node包管理器)是node的包管理器,他允许开发人员在node.js应用程序中创建,共享并重用模块.模块就是可以在不同的项目中重 ...
- node.js的npm安装
我不打算引进node.js的npm安装,但发现node.js通过管理一些包npm实现,或给一个简短的npm. 1.npm什么 npm是一个node包管理和分发工具,已经成为了非官方的公布 ...
- Node.js、npm、vue-cli 的安装配置环境变量
我安装node.js是为了学习vue,需要用到npm,所以就把node.js安装了,安装node.js会带有npm的安装. 在安装node.js之前,我们需要了解以下三个内容. npm: Nodejs ...
- 安装Node.js、npm和环境变量的配置
由于Node.js平台是在后端运行JavaScript代码,所以,必须首先在本机安装Node环境. 一.安装Node.js 首先,从Node.js官网下载对应平台的安装程序,网速慢的童鞋请移步国内镜像 ...
随机推荐
- HQL和SQL查询
转自http://blog.csdn.net/aaa1117a8w5s6d/article/details/7757097 HQL和SQL的区别 标签: sqlhibernatejavasessio ...
- java常用设计模式七:装饰模式
一.概念 装饰模式可以在不改变一个对象本身功能的基础上给对象增加额外的新行为. 基本角色: 抽象构件:它是具体构件和抽象装饰类的共同父类,声明了在具体构件中实现的业务方法,它的引入可以使客户端以一致的 ...
- lf-8.4 数据的增删改
MySQL数据操作: DML 在MySQL管理软件中,可以通过SQL语句中的DML语言来实现数据的操作,包括 使用INSERT实现数据的插入 UPDATE实现数据的更新 使用DELETE实现数据的删除 ...
- python3.4用函数操作mysql5.7数据库
#!/usr/bin/env python # -*- coding:utf-8 -*- # __author__ = "blzhu" """ pyt ...
- 【慕课网实战】Spark Streaming实时流处理项目实战笔记十二之铭文升级版
铭文一级: ======Pull方式整合 Flume Agent的编写: flume_pull_streaming.conf simple-agent.sources = netcat-sources ...
- Remote Debugging (2)
use Eclipse| a Java application 创建一个简单的maven项目 Main.java package cn.zno; public class Main { public ...
- uwsgi_read_timeout超时处理
最近发现一服务器一个奇怪的现象: Django的视图函数在浏览器一个请求的情况下,竟然做了两个请求的函数处理.不可思议,找了几天也不知道为什么, 只发现只要用uwsgi_read_timeout之后, ...
- c简单的单向链表
ps:list链表 node节点 在链表中节点就是一个个的结构体 堆空间由于在申请内存时,地址是随机的,所以要用链表的方式将其连接起来,但是链表头的地址要知道. 每个节点包含两个部分:数据区和地址区 ...
- 20169207《Linux内核原理与分析》第六周作业
这周的作业同样分为两部分,第一部分的学习MOOC第四节[扒开系统调用的三层皮],并结合实验楼的实验四深入学习.第二部分阅读学习教材「Linux内核设计与实现 (Linux Kernel Develop ...
- 如何将指定文件或文件夹直接提交到svn指定目录
以下步骤适用于客户端是Tortoisesvn 服务端是VisualSVN Server的SVN库: 安装Tortoisesvn 获取配置库路径 checkout想要提交到的SVN库或目录 将需要提交 ...