node入门:安装和npm使用

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

文章目录


前言

因为学习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人家都自动做了

验证是否安装成功!

java 复制代码
node -v
npm -v (自动给你装好了哈)

npm命令

  • npm install(装包)

  • npm run dev(启动)

  • import/export(模块化)

nvm

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

相关推荐
幼儿园技术家2 分钟前
前端如何设计权限系统(RBAC / ABAC)?
前端
前端摸鱼匠2 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker2 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding3 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马4 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren4 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川4 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端
jinanwuhuaguo4 小时前
(第二十九篇)OpenClaw 实时与具身的跃迁——从异步孤岛到数字世界的“原住民”
前端·网络·人工智能·重构·openclaw
广州华水科技4 小时前
深度测评2026年单北斗GNSS位移监测系统推荐,与高口碑变形监测设备一同引领行业新风尚
前端