【Vue学习】- Node(1)

命令窗口执行命令，出现版本号则表示安装成功

node -v

3. 使用运行

---

既然不用浏览器，那要怎么运行呢，可以在终端命令行运行，命令：node 路径名称，在vscode中，快捷键 Ctrl+ ~ ，可以打开命令行终端，进入目录，执行命令即可

node test.js

三、Node.js包管理工具NPM

=================

1. 什么是NPM

---

NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的Maven，对比Maven进行理解：

• 在后端开发中，使用Maven来构建项目，管理jar包依赖，可以联网下载jar包依赖

• 在前端开发中，使用NPM来管理项目，管理js依赖，联网下载js依赖，比如JQuery

安装Node时，npm也会自动安装上，可以使用命令查看：npm -v

#在命令提示符输入 npm -v 可查看当前npm版本

npm -v

2. 使用NPM管理项目

---

2.1 创建项目文件夹

使用vscode创建一个文件夹，用来作为项目目录，这里命名为：npmpro

2.2 初始化项目

[Ctrl + ~]快捷键打开vscode命令行终端，进入项目目录，执行命令初始化：

#初始化命令

npm init

#如果想直接生成 package.json 文件，那么可以使用命令

npm init -y

按照提示一直回车即可，对以下信息做出说明：

• name: 项目名称

• version: 项目版本号

• description: 项目描述

• keywords: {Array}关键词，便于用户搜索到我们的项目

• 最后会生成package.json文件，这个是包的配置文件，相当于maven的pom.xml

2.3 修改npm镜像

NPM官方的管理的包都是从 http://npmjs.com下载的，但是这个网站在国内速度很慢。 这里推荐使用淘宝 NPM 镜像 http://npm.taobao.org/ ，淘宝 NPM 镜像是一个完整 npmjs.com 镜像，同步频率目前为 10分钟一次，以保证尽量与官方服务同步。

#经过下面的配置，以后所有的 npm install 都会经过淘宝的镜像地址下载

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

#查看npm配置信息

npm config list

2.4 NPM下载依赖

使用 npm install 安装依赖包的最新版本，也可以指定下载版本

#下载最新版本JQuery依赖

npm install jquery

#如果安装时想指定特定的版本

npm install jquery@2.1.x

安装后

• 依赖会安装在项目目录\node_modules

• 安装会自动在项目目录下添加 package-lock.json文件，这个文件帮助锁定安装包的版本

• 同时package.json 文件中，依赖包会被添加到dependencies节点下，类似maven中的

2.5 根据package.json下载依赖

很多时候，我们只会有package.json文件，这时，就需要根据package.json来下载依赖

#根据package.json下载依赖

npm install

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】