vue~要懂的有关node与npm

简介: vue~要懂的有关node与npm

vue~要懂的有关node与npm

image.png

前言

作为一名前端使用vue框架开发工程师,如果不了解甚至不清楚node是什么?那你肯定out了。


mpm 是什么你肯定是知道,是命令下载工具。不单单只是下载工具哦!!!


一、node和npm是什么?

摘自官网: 作为一个异步事件驱动的 JavaScript 运行时,Node.js 被设计用来构建可扩展的网络应用。


说白了:Node 就是运行在服务端的 JavaScrip。


Node.js 在设计上类似于 Ruby 的 Event Machine 或 Python 的 Twisted 之类的系统。但 Node.js 更深入地考虑了事件模型,它将事件循环作为一个运行时结构而不是作为一个库来呈现。在其他系统中,总是有一个阻塞调用来启动事件循环。通常情况下,要执行的行为是通过脚本开始时的回调来定义的,然后通过 EventMachine::run() 这样的阻塞调用来启动服务器。而在 Node.js 中,没有这种启动事件循环的调用。Node.js 在执行输入脚本后直接进入事件循环,当没有更多的回调要执行时,Node.js 就会退出事件循环。这种行为就像浏览器的 JavaScript 一样 —— 事件循环对用户是隐藏的。


HTTP 是 Node.js 中的一等公民,设计时考虑到了流式和低延迟,这使得 Node.js 非常适合作为网络库或框架的基础。


Node.js 被设计成单线程运行,但这并不意味着你无法利用到 CPU 的多个核心。你可以通过 child_process.fork() API 来生成子进程,并且它被设计成非常易于通信。而建立在同一个接口之上的 cluster 模块允许你在进程之间共享套接字(sockets),以实现核心的负载均衡。


npm:全称是Node Package Manager,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。


二、node和npm关系

在下载安装node时也附带把npm安装上了的,其实npm是node.js 内置的一套包管理工具。然后就可以使用npm install  ...... 命令的方式 来下载我们所需要的工具包(依赖)。


三、使用

1.下载地址

下载 | Node.js

2.安装

Node.js 安装配置 | 菜鸟教程

3、常用命令

   3.1 查看node版本

node -v

   3.2 查看npm版本

npm -v

   3.3 查看npm安装位置

npm get prefix

   3.4 查看npm缓存默认存放位置

npm get cache

   3.5 修改npm下载文件默认文件夹

如果不修改会安装在默认的C盘下面,会导致C盘的缓存下载文件多系统卡顿。
1、在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹
2、设置全局模块的安装路径到 “node_global” 文件夹
   npm config set prefix "nodejs 安装目录\node_global"
3、设置缓存到 “node_cache” 文件夹
   npm config set cache "nodejs 安装目录\node_cache"
4、要把修改后的node_global的路径配置到计算机的 系统变量 下的 PATH 里面,方便直接使用命令行运行
   nodejs 安装目录\node_global
5、测试是否修改完成
   npm install express -g


4、设置淘宝镜像

由于在国内上网环境影响,一些依赖包下载会很慢,甚至会下载失败,所以就要使用到镜像下载。


 4.1将npm默认的registry修改为淘宝registry

1、查看当前使用的镜像路径
   npm config get registry
2、修改为淘宝镜像
   npm config set registry https://registry.npm.taobao.org/
3、检查是否修改成功
   npm config get registry

image.png


  4.2 全局安装基于淘宝源的cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

检测cnpm安装是否成功

cnpm -v


总结

其实很简单,简单了解。


目录
相关文章
|
3天前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
19 3
|
16天前
|
JavaScript 前端开发
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能,包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
17 1
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
|
13天前
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量,创建一个空文件夹并使用VSCode打开,通过VSCode的终端执行`npm init vue@latest`命令以初始化项目,选择默认配置即可。接着安装项目依赖并启动开发服务器,最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
|
14天前
|
缓存 JavaScript 前端开发
8种方法解决vue创建项目报错:command failed: npm install --loglevel error
该文章提供了八种解决Vue项目创建时遇到的`command failed: npm install --loglevel error`错误的方法,包括清理缓存、更换npm源、重新安装Node.js等措施。
8种方法解决vue创建项目报错:command failed: npm install --loglevel error
|
1月前
|
存储 JavaScript
Nodejs的npm包管理器快速入门
介绍Node.js的npm包管理器的快速入门,包括包的概念、结构、描述文件、npm常用命令如安装、搜索、移除软件包,以及如何处理常见的npm工具部署错误。
30 2
Nodejs的npm包管理器快速入门
|
16天前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
49 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
16天前
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器,并使用Vue结合Axios进行前端开发和接口调用,同时讨论了开发过程中遇到的跨域问题及其解决方案。
17 0
vue配合axios连接express搭建的node服务器接口_简单案例
|
2月前
|
缓存
成功解决:Could not resolve dependency: npm ERR! peer vue@“^3.0.2“ from vuex@4.0.2
这篇文章讨论了在使用npm安装依赖时遇到的一个常见问题,即无法解析依赖导致的"peer dependency"冲突错误。文章提供了几种解决方法,包括清除npm缓存、删除`node_modules`文件夹和`package-lock.json`文件,然后重新尝试安装,以解决版本冲突问题。
|
2月前
|
JavaScript 前端开发 API
全栈开发革命来临!Vue.js与Node.js联手,打造前后端无缝对接的奇迹之作!
【8月更文挑战第30天】在Web开发领域,前后端分离与协作至关重要。Vue.js以其轻量级和易用性深受前端开发者喜爱,而Node.js则以高性能和事件驱动特性在后端领域崭露头角。二者结合开启了全栈开发新篇章,通过RESTful API或GraphQL实现高效稳定通信。本文以示例说明如何使用Vue.js和Node.js构建全栈应用,从前端Vue组件到后端Express服务器,展示了数据获取与展示的全过程。这种组合提供了一种高效简洁的全栈开发方案,使开发者能更专注于业务逻辑实现。
79 0