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


总结

其实很简单,简单了解。


目录
相关文章
|
2月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
84 3
|
2月前
|
JavaScript 安全 测试技术
vue封装组件发布到Npm
【10月更文挑战第17天】
|
1月前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
36 4
|
3月前
|
JavaScript 前端开发
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
如何使用Vue和Element UI配合Node.js及multiparty模块实现图片上传并反显的功能,包括前端的Element UI组件配置和后端的Node.js服务端代码实现。
52 1
Vue、ElementUI配合Node、multiparty模块实现图片上传并反显_小demo
|
2月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
64 0
|
3月前
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量,创建一个空文件夹并使用VSCode打开,通过VSCode的终端执行`npm init vue@latest`命令以初始化项目,选择默认配置即可。接着安装项目依赖并启动开发服务器,最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
|
3月前
|
缓存 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
|
3月前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
666 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
3月前
|
JavaScript 前端开发
vue配合axios连接express搭建的node服务器接口_简单案例
文章介绍了如何使用Express框架搭建一个简单的Node服务器,并使用Vue结合Axios进行前端开发和接口调用,同时讨论了开发过程中遇到的跨域问题及其解决方案。
66 0
vue配合axios连接express搭建的node服务器接口_简单案例
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor
该博客文章提供了解决在使用npm版本7.19.1时出现的"no such file or directory"错误的具体方法,建议通过降级npm到6.14.8版本来解决问题,并确认了该方法可以成功安装node_modules。
2071 verbose node v16.6.0 2072 verbose npm v7.19.1或者 no such file or directory, lstat ‘D:\wor

推荐镜像

更多