Day10-NodeJS和NPM配置

Day10-NodeJS和NPM

一 Nodejs

1 简介

Nodejs学习中文网:https://www.nodeapp.cn/synopsis.html

Nodejs的官网:https://nodejs.org/

概念:Nodejs是JavaScript的服务端运行环境.Nodejs不是框架,也不是编程语言,就是一个运行环境.

Nodejs是基于chrome V8引擎开发的一套js代码的运行环境.并提供了一系列的api可以对本地系统的文件进行读写

2.安装

安装

window7系统只能安装12.x版本,win10系统安装如下稳定版本

安装的过程中一直点下一步就可以安装成功

验证

我们可以通过如下命令验证是否安装成功

运行js代码

如果JS代码没有DOM和BOM相关的内容,你可以直接用Nodejs运行.

如果JS代码中有DOM和BOM操作,必须用浏览器运行

Nodejs环境中无法运行DOM\BOM

二 npm包管理器

​ 当开发一个大型网站时，可能会用到许多库,框架和插件。比如要用到 jQuery,BootStrap、React等等，开发者就要到对应的网站分别下载,这样做非常的繁琐，于是 npm 应运而生,npm是一个包管理器,它可以帮助我们下载项目中用到的插件,大大节省了时间，这就是 npm 的作用。

​ NPM:Node Package Manager

1 修改npm下载源

npm默认下载地址是国外的,下载速度非常慢.我们需要把下载源修改为国内的

查看npm镜像地址

npm config get registry

修改npm下载源为国内地址

npm config set registry https://registry.npm.taobao.org

2 使用npm开发项目

(1)创建一个项目

进入这个项目执行项目初始化命令

npm init -y

项目中就会生成一个package.json文件

{
  "name": "WebpackProject", //项目名字
  "version": "1.0.0", //项目版本,1.0.0
  "description": "上课demo", //项目描述.可以填写
  "main": "index.js",  //程序启动默认找index.js文件
  "scripts": {  //执行命令,启动项目
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [], //配置项目关键字,更多搜索用
  "author": "",   //作者
  "license": "ISC" //证书
}

(2)下载安装你想要的包

# 正常的下载安装
npm install 包名

#简写
npm i 包名

#下载的时候指定版本
npm install 包名@3.1.1

(3)卸载

npm uninstall 包名

3 包的分类

npm下载的包,分为两类

1. 开发环境依赖包:只有在开发的时候,才会用的包
2. 运行环境依赖包:开发,打包,运行的时候都会用到的包

默认情况下我们下载的包,都是dependencies(运行环境依赖包)

下载运行环境依赖包

npm i jquery --save

包存放在

  "dependencies": {
    "jquery": "^3.7.0"
  }

下载开发环境依赖包

npm i jquery --save-dev

包存放在

"devDependencies": {
    "jquery": "^3.1.1"
}

如果把query放在devDependencies中,以后项目运行在服务器时,jquery会丢失