nodejs-npm包管理

Node.js

简介

官网：nodejs.org

打开应用

• 打开终端：cmd
• 打开画图：mspaint
• 打开计算器：calc
• 写字板：whrite
• 打开环境变量：sysdm.cpl

node是什么？

• Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

  • Node.js不是一门语言
  • Node.js不是库，不是框架
  • Node.JS是一个javascript运行时环境
  • 简单点绛就是Node.js能够解析和执行Javascript代码
  • 之前只有浏览器哦能够解析执行Javascript代码
  • 也就是说如今的Javascript能够彻底脱离浏览器来运行，一切都归功于：Node.js

• 浏览器中的Javascript

  • ECMAScript

    • 基本语法
    • if
    • var
    • function
    • object
    • array

  • BOM

  • DOM

• Node.js中的javascript

  • 没有BOM，DOM

  • ECMAScript

  • 在Node这个Javascript执行环境中为javascript提供了一些服务器级别的操做API

    • 例如无监督协
    • 网络服务的构建
    • 网络通讯
    • http服务器
    • 等处理...

• Node.js uses an event-driven(事件驱动),non-blocking I/O modal（非阻塞IO模型（异步）） that makes it lightweight and efficient（轻量更高效）

• Node.js package ecosystem,npm,is the largest ecosystem of open source libraries in the world.

  • npm 是世界上最大的开源库生态系统绝大多数的Javascript相关的包都存放在npm上，这样作的亩的是为了让开发人员更方便的去下载使用
  • npm install jquery

Node.js能作什么

• web服务器后台

• 命令行工具（不必定基于nodejs开发的）

  • npm（基于nodejs）
  • git（基于c语言）
  • hexo（基于nodejs）
  • ...

• 对于前端开发工程师来说，解除node最多的就是他的命令行工具

  • 本身写的不多，主要是是用别人第三方的
  • webpack
  • gulp
  • npm

简单的命令行操做

• d:到d盘
• cd 到当前目录
• cd.. 返回到上一级
• md(mkdir) 建立文件夹
• rd 删除文件夹
• dir 列出目录
• ctrl+c 取消当前命令
• space+↑ 上一个命令 space+↓ 下一个命令

资源

中文社区：https://cnodejs.org/

中文新手入门：https://cnodejs.org/getstart

电子书入门：https://www.nodebeginner.org/index-zh-cn.html

中文文档：http://nodeclass.com/api/node.html

官网api：https://nodejs.org/dist/latest-v6.x/docs/api/

开发环境准备

一、普通安装方式

官网：https://nodejs.org/en/；

开发选择稳定版本

安装完检查是否安装好，查看版本号：node -v(--version)

二、多版本安装方式

• 卸载已有的nodejs
• nvm经常使用命令

三、修改npm全局安装包的目录

全局安装包的默认路径是在c盘user里边,务必改掉,以防c盘过满

1. 找到安装nodejs的地方，新建一个global文件夹，用来放全部用npm安装的全局的包
2. 打开Node.js Command prompt，执行npm config ls
3. 修改prefix的值：npm config set prefix "你的路径"

四、卸载nodejs

参考：http://www.javashuo.com/article/p-kuxbfbkg-ds.html

node经常使用

一、使用node执行js脚本文件

1. 建立编写脚本文件
2. 打开终端，定位到脚本文件所在目录
3. 输入node 文件名执行对应的文件
4. 在该js中输出window和document，发现没有bom和dom

注意：

不要使用node.js命名文件,这样会变成打开文件

不要使用中文

IP地址用来定位计算机，

端口号用来定位具体的应用程序

REPL read-eval-print-loop：读取-执行-打印-循环这个过程

执行node后，功能相似于浏览器的console面板。

npm包管理

全球最大的模块生态系统，里边全部的模块都是开源免费的，全部的js的插件，工具等

是nodejs的包管理工具,用来安装东西

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

nrm

镜像

原来包刚一开始是只存在于国外的NPM服务器，可是因为网络缘由，常常访问不到，这时候，咱们能够在国内，建立一个和官网彻底同样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此以外，使用方式彻底同样；

• taobao镜像
• cnpm镜像

做用：

• 提供了一些最经常使用的NPM包镜像地址
• 快速的切换安装包时候的服务器地址

经常使用命令：

• npm install -g nrm：安装
• nrm ls 查看当前全部可用的镜像源地址以及当前所使用的镜像源地址
• nrm use npm或nrm use taobao切换不一样的镜像源地址（并非安装,安装还要install）

 

 

 

 

 

 

 

 

  npm ---- https://registry.npmjs.org/  此国外地址，如下都是copy的国外地址上的放在国内，

* cnpm --- http://r.cnpmjs.org/

  taobao - https://registry.npm.taobao.org/

  nj ----- https://registry.nodejitsu.com/

  rednpm - http://registry.mirror.cqupt.edu.cn/

  npmMirror  https://skimdb.npmjs.com/registry/

  edunpm - http://registry.enpmjs.org/

 

 

注意：

nrm只是提供了几个经常使用的下载包地址，并可以让咱们在这几个地址之间进行很方便的切换，可是，咱们每次装包的时候，。使用的‘装包工具，都是npm

例如安装cnpm：

1. 选择地址：nrm use cnpm
2. 安装cnpm：npm install -g cnpm

npm经常使用的命令

全局安装 -g

本地安装

一、安装包

npm install -g 包名称（全局安装）

npm install 包名称（局部安装）

二、指定版本安装时

npm install -g 包名称@版本号

若是没有指定版本号，name安装最新版本

三、卸载包

npm uninstall -g 包名

四、更新包（到最新版本）

npm update -g 包名（此方法不太好用）

示例：

es-checker:检测node对es6的兼容状况

i5ting_doc:把md文件转为目录树的网页

生成本地包

本地安装的包在当前目录下的node_moudules里面，本地安装的包通常用于实际的开发

方法一：到文件当前地址，npm init，一步一步填写生成包

方法二：到文件当前地址，npm init -y一次性生成带有默认值的包

生成后，当前文件夹下会有一个package.json的文件，这个就是包的配置文件

执行包

方法一：node . 命令：会执行main中指向的文件

方法二：npm run 名（package.json中的scripts对象的属性名）

示例：安装art-template

安装一个先后端通用的框架：art-template

一、在demo文件夹下安装一个局部的， install art-template@4.8.2(一个旧的版本)

二、回车后该文件夹下回生成一个node_moudules文件（由于art-template依赖该包），在node_moudules文件中能够找到art-template，看该包的package.json文件能够知道其版本号 为4.8.2

三、更新该版本到最新版本：install art-template@latest(update 不太好用)回车，在查看该版本号

添加依赖

生产环境：项目部署上线后的服务器环境

生产环境：平时开发使用的环境环境

--save :向生产环境添加依赖 dependencies

--save-dev：向开发环境添加依赖 DevDependencies

npm install

• 在发布的时候，node—modules是不会发布进去的，由于太大不利于上传
• 全部该项目须要的依赖都会记录在package.json中，
• 使用的时候，直接 npm install就能够一次性把package.json里边的全部依赖都安装好

yarn

npm的性能不是太好

安装yarn：npm install -g yarn

	npm	yarn
初始化	npm init	yarn init
安装包	npm install xxx --save	yarn add xxx
移除包	npm uninstall xxx	yarn remove xxx
更新包	npm update xxx	yarn upgrade
安装开发以来的包	npm install xxx ---save-dev	yarn add
全局安装	npm install -g xxx	yarn global add xxx
设置下载镜像的地址	npm config set registry url	yarn config set registry url
安装全部依赖	npm install	yarn install
执行包	npm run	yarn run

动手：

1. 安装less（less转css）

   1. 、命令行安装：npm install –g less
   2. Lessc –v 查看版本 是否安装成功
   3. lessc test.less test.css,编译成css

2. 安装typescript（es6转es5）

 

 

 

xxxxxxxxxx

 

 

 

 

npm -v //检查你电脑是否安装了node，是否有npm

npm install -g typescript //全局安装typescript

tsc -v//检查tsc（typescript简写）的版本号看是否安装好

 

 

新建ts文件 test.ts

命令行找到ts文件位置，执行下面命令，就会发现js文件自动生成了

 

 

 

xxxxxxxxxx

 

 

 

 

tsc test.ts

 

 

模块的导入和导出

exports

module.exports