node入门:安装和npm使用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 一、安装
  • npm命令
  • nvm


前言

因为学习vue接触的,一直以为node是和vue绑定的,还以为vue跑起来必须要node,后续发现并不是。

看官网:node其实javascript的运行环境。而我们使用,一般都是用它的包管理工具 npm。
在这里插入图片描述

好熟悉,这不是和run java everywhere嘛! 哈哈哈。

所以,大概对比一下node和JVM呗。

在这里插入图片描述

问题来了,你看,java有jvm环境,js有node环境,唉,不对,之前我也写过html+css+javascript,也没有用node啊,不是直接通过<script> 脚本块引入的吗?人家也能在浏览器上正常跑出效果啊!

啊~~对对对,你说的对
首先,你要知道html+js脚本之所以能在浏览器上跑出效果,是因为浏览器(或者说引擎or内核)本身就作为一个运行环境,提供了js脚本必须的数据结构,内置对象(比如 DOM对象,window.document等)这些都是基于浏览器环境给出的。
so,浏览器 本身就提供了js的运行环境

行吧,那为啥还要用node插一脚,不是浏览器就行了吗?我还得多余去学node

你应该也意思到,B/S 服务做不到的一点就是为了安全性,其实是无法操作本地磁盘文件。
除此外,浏览器环境还有很多局限,要是传统网页,还ok,但是当项目复杂度上来,浏览器环境就不够看了。
大概先了解这么多吧,反正就是必须必上node…

OK,到这我就有话说了,你上面一直说的是js和node的之间的爱恨纠葛,那也就是说vue本身并不需要node跑起来是吧,那非要每次都安装node吗?而且vue最终的运行部署的时候,难道也要安装node环境?

也不是啦,vue项目,也可以用cdn引入vue.js。如果简单的页面那的确可以。
但是,如果是工程化的项目,那就不如用npm去管理的。
至于部署,生产环境是不需要node的,只需要上传 dist 里的 index.html + assets 到任意 Web 服务器(Nginx/Apache/OSS)就行了

一、安装

https://nodejs.org/en/

在这里插入图片描述

window非常简单,全局环境配置ADD TO PATH人家都自动做了
验证是否安装成功!

node -v
npm -v (自动给你装好了哈)

npm命令

  • npm install(装包)

  • npm run dev(启动)

  • import/export(模块化)

nvm

优化多版本nodejs环境的切换问题

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.pswp.cn/diannao/84597.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

单例模式,饿汉式,懒汉式,在java和spring中的体现

目录 饿汉式单例模式 懒汉式单例模式 Spring中的单例模式 关键差异对比 在Java和Spring中的应用场景 手写案例 单例模式是一种创建型设计模式&#xff0c;其核心在于确保一个类仅有一个实例&#xff0c;并提供一个全局访问点来获取该实例。下面将详细介绍饿汉式和懒汉式…

网络编程——UDP网络编程

文章目录 1、sendto()&#xff0c;recvfrom() 与TCP编程不同的是&#xff1a; 无需建立连接&#xff0c;在recvfrom()阻塞等待客户端的数据&#xff0c;收到数据后进入do something进行数据的处理。 1、sendto()&#xff0c;recvfrom() ssize_t sendto(int socket, void *mes…

OpenSSL详解

这里写目录标题 选项&#xff1a;**通用选项&#xff1a;**1. genrsa&#xff1a;生成RSA密钥对3. req&#xff1a;生成证书签名请求4. x509&#xff1a;生成自签名证书 **证书管理&#xff1a;**1. verify&#xff1a;验证证书2. x509&#xff1a;查看证书详情3. crl&#xff…

MySQL的日志和备份

目录 一. MySQL的日志 1.1 日志的作用 1.2 日志的分类 1.3 事务日志 1.4 错误日志 1.5 通用日志 1.6 慢查询日志 1.7 二进制备份 二. 备份 2.1 数据备份的重要性 2.2 备份的分类 2.3 MySQL备份的内容 2.4 备份的注意点 2.5 备份的工具 2.6 实战案例 2.7 mysql…

前端性能优化:如何让网页加载更快?

摘要 想象一下&#xff0c;满心期待点开一个网页&#xff0c;却等了十几秒还卡在加载界面&#xff0c;你是不是瞬间就想关掉走人&#xff1f;这可不是个别用户的 “急性子”&#xff0c;数据显示&#xff0c;网页每多延迟 1 秒&#xff0c;用户流失率可能增加 11%&#xff01;…

[论文阅读]Prompt Injection attack against LLM-integrated Applications

Prompt Injection attack against LLM-integrated Applications [2306.05499] Prompt Injection attack against LLM-integrated Applications 传统提示注入攻击效果差&#xff0c;主要原因在于&#xff1a; 不同的应用对待用户的输入内容不同&#xff0c;有的将其视为问题&a…

微信小程序进阶第2篇__事件类型_冒泡_非冒泡

在小程序中&#xff0c; 事件分为两种类型&#xff1a; 冒泡事件&#xff0c; 当一个组件上的事件被触发后&#xff0c;该事件会向父节点传递非冒泡事件&#xff0c; 当一个组件上的事件被触发后&#xff0c; 该事件不会向父节点传递。 一 冒泡事件 tap&#xff0c; touchst…

[免费]SpringBoot+Vue在线教育(在线学习)系统(高级版)【论文+源码+SQL脚本】

大家好&#xff0c;我是java1234_小锋老师&#xff0c;看到一个不错的SpringBootVue在线教育(在线学习)系统(高级版)【论文源码SQL脚本】&#xff0c;分享下哈。 项目视频演示 【免费】SpringBootVue在线教育(在线学习)系统(高级版) Java毕业设计_哔哩哔哩_bilibili 项目介绍…

TypeScript 针对 iOS 不支持 JIT 的优化策略总结

# **TypeScript 针对 iOS 不支持 JIT 的优化策略总结** 由于 iOS 的 **JavaScriptCore (JSC)** 引擎 **禁用 JIT&#xff08;Just-In-Time 编译&#xff09;**&#xff0c;JavaScript 在 iOS 上的执行性能较差&#xff0c;尤其是涉及动态代码时。 **TypeScript&#xff08;T…

项目部署一次记录

链路&#xff1a;&#xff08;用户&#xff09;客户端 → Nginx:192.168.138.100→ Tomcat &#xff08;程序&#xff09;:192.168.138.101→ MySQL/Redis 打开数据库&#xff1a;systemctl start mysqld 重启网络&#xff1a; systemctl restart NetworkManager 关闭防火墙&am…

C 语言学习笔记

文章目录 程序设计入门 --- C 语言第一周 程序设计与 C 语言1 计算机与编程语言&#xff1a;计算机怎么做事情的&#xff0c;编程语言是什么&#x1f4d2; 1.1 计算机的普遍应用 —— 离了它&#xff0c;现代人可能不会“活”了**&#x1f310; 科学计算&#xff1a;计算机的“…

服务器修改/home的挂载路径

写在前面&#xff1a;前段时间新装了一台服务器&#xff0c;/home目录原本是挂在在系统盘/dev/sda4的分区下&#xff0c;但是系统盘的空间比较小&#xff0c;为了保证后续使用起来&#xff0c;不会遇到磁盘很快就占满的情况&#xff0c;现在需要将 /home 独立出来&#xff0c;挂…

刷机维修进阶教程-----没有开启usb调试 如何在锁定机型的拨号界面特殊手段来开启ADB

有时候我们会遇到一些机型被屏幕锁 账号锁等锁定。无法进入系统界面。也没有开启usb调试的情况下如何通过一些操作来开启adb调试。然后通过adb指令来禁用对应的app顺利进入系统。以此来操作保数据等操作. 通过博文了解💝💝💝 1💝💝💝----了解一些品牌机型锁定状态…

虚拟文件(VFS)

核心知识点&#xff1a;虚拟文件系统&#xff08;VFS&#xff09; 1. 通俗易懂的解释 想象一下你家里的冰箱。你把食物放进去&#xff0c;不用管它是放在塑料盒里、玻璃罐里还是直接用保鲜膜包着&#xff0c;你只需要知道它在冰箱的哪个位置&#xff08;比如“蔬菜抽屉里”&a…

前后端联调实战指南:Axios拦截器、CORS与JWT身份验证全解析

前言 在现代Web开发中&#xff0c;前后端分离架构已成为主流&#xff0c;而前后端联调则是开发过程中不可避免的关键环节。本文将深入探讨前后端联调中的三大核心技术&#xff1a;Axios拦截器的灵活运用、CORS跨域问题的全面解决方案以及JWT身份验证的安全实现。通过本文&…

Postman基础操作

1.Postman是什么&#xff1f; Postman是接口测试的工具&#xff0c;简单来说它能模拟浏览器对服务器的某个接口发起请求并接收响应数据。 1.1 Postman工作原理 2.Postman发送请求 2.1 发送GET请求 我们知道GET请求是没用请求体的&#xff0c;所以我们需要将请求参数写在Param…

Elasticsearch Synthetic _source

_source 字段包含索引时传入的原始 JSON 文档体。_source 字段本身不被索引&#xff08;因此不可搜索&#xff09;&#xff0c;但会被存储&#xff0c;以便在执行获取请求&#xff08;如 get 或 search&#xff09;时返回。 如果磁盘使用很重要&#xff0c;可以考虑以下选项&a…

Vue3 + Element Plus 实现用户管理模块

本文介绍一个使用 Vue3 Element Plus 实现的用户与小组管理模块&#xff0c;支持用户的增删改查&#xff08;CRUD&#xff09;和分页管理&#xff0c;以及小组的新增和删除功能&#xff0c;适用于管理后台系统中的用户权限管理场景。 一、项目简介 该模块具备以下功能&#…

Python应用“面向对象”小练习

大家好!面向对象编程是一种以 “对象” 为核心的编程思想。对象可以看作是具有特定属性和行为的实体。例如&#xff0c;一个学生可以是一个对象&#xff0c;他的属性包括姓名和年龄&#xff0c;行为可以是打招呼。​ 代码呈现: # 定义类和对象 class Student:def __init__(sel…

线性回归原理推导与应用(八):逻辑回归二分类乳腺癌数据分类

乳腺癌数据是sklearn中自带的数据集&#xff0c;需要通过相关特征对是否患有乳腺癌进行分类。 数据清洗与建模 首先加载相关库和相关数据 from sklearn.datasets import load_breast_cancer from sklearn.linear_model import LogisticRegression import numpy as np import…