Node.js安装与基本使用
目录
1.Node.js
1.1什么是Node.js
- Node.js是一个服务器端的Javascript运行环境(runtime)。
- Java使用JDK进行编译/运行。 > java HelloWorld
- JS使用Node进行编译/运行。 > node HelloWorld.js
- Node.js是一个web服务器
- Java使用Tomcat提供HTML、CSS、JS等资源访问。
- 前端使用Node.js提供HTML、CSS、JS等资源访问。
- Node.js是资源管理器
- Node.js提供npm插件用于管理所有js资源。
- Java使用Maven管理所有jar资源。
结论:Node.js是一款软件,支持JS基本语法,可以提供web服务器,可以通过npm插件管理资源。
- JavaScript有3部分组成:DOM、BOM、ECMAScript
- DOM,文档对象模型,需要HTML支持。
- BOM,浏览器对象模型,需要浏览器支持。
- ECMAScript,基本语法。
- Node.js仅支持ECMAScript规范。Node.js 基于 Chrome V8 引擎进行升级,使用V8在非浏览器环境下运行得更好。
- Chrome V8 引擎执行Javascript的速度非常快,性能非常好。
1.2环境搭建
1.2.1下载
- 官网Node.js
1.2.2安装
- 步骤1:运行“node-v10.16.0-x64.msi”,进行向导页面
- 步骤2:接受需要确认页面
- 步骤3:确定安装位置
- 步骤4:确定安装组件(所有都安装)
- 步骤5:进行安装。(如果有“用户账户控制”提示,点击“是”)
- 步骤6:完成安装
重启计算机
1.2.3测试
- node --version
1.3切换源
- npm :当你安装完node之后,就自带一个工具npm
- npm相当于java的maven(下载jar/管理jar)
- npm管理的js库、组件(下载、维护依赖 等)
1.3.1工具cnpm
cnpm为国内定制的镜像,用于替代默认的npm。
淘宝镜像官网:中国 NPM 镜像 。同步频率目前为 10分钟 一次以保证尽量与官方服务同步
- cnpm的安装
npm install cnpm -g --registry=https://registry.npm.taobao.org
1.3.2工具nrm
npm 默认的源是在国外,国内访问比较慢。
通常我们使用淘宝的镜像。
nrm(npm registry manager)是切换源的非常好用的工具。
- 安装
npm install -g nrm
- 查看当前源
- 测试各源的响应速度
1.4Node.js和npm关系
- node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。
- npm是nodejs的包管理器。在安装nodejs时,同时自动安装npm。
1.5基本操作
1.5.1安装本地包
- 方式1:安装指定的包
# 语法
npm install <package_name>
# 实例:安装jquery
npm install jquery
- 方式2:安装指定的包以及指定的版本
npm install <package>@<version>
- 需要的资源包,将下载到当前项目的node_modules文件夹下
1.5.2基于package.json安装
- 步骤一:初始化项目,自动创建package.json文件
npm init -y
- 步骤二:下载资源,并保存到package.json文件中
npm install jquery --save
- 步骤三:查看package.json内容,已经将jquery的坐标添加到核心配置文件。
1.5.3package-lock.json作用
- npm 5版本之后,在安装组件时,自动添加或更新package-lock.json文件。
- package-lock.json文件中记录着整个项目所有组件的依赖树。
- 也就是保存node_modules中的所有包信息(版本,下载地址 等)
1.5.4常见参数
参数以及省略写法 |
描述 |
-global=-g |
全局安装,安装后的包位于系统预设目录下 |
--save=-S |
安装的包将写入package.json里面的dependencies, dependencies:生产环境需要依赖的库 |
--save-dev=-D |
安装的包将写入packege.json里面的devDependencies, devdependencies:只有开发环境下需要依赖的库 |
1.6其他操作
1.6.1更新本地包
npm update
npm outdated
1.6.2卸载本地包
npm uninstall <package>
- 自动修改package.json文件
1.6.3全局安装
npm install -g <package>
- 全局安装在一个特定的文件夹下
1.6.4全局卸载
npm uninstall -g <package>
文章来源: blog.csdn.net,作者:陶然同学,版权归原作者所有,如需转载,请联系作者。
原文链接:blog.csdn.net/weixin_45481821/article/details/122244505
- 点赞
- 收藏
- 关注作者
评论(0)