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环境的切换问题

相关推荐
军军君017 分钟前
Three.js基础功能学习十六:智能黑板实现实例三
前端·javascript·css·vue.js·3d·前端框架·threejs
海上彼尚13 分钟前
SVG矢量图形快速入门
前端·html5
嗷o嗷o19 分钟前
Android App Functions 深入理解
前端
UXbot27 分钟前
AI原型设计工具评测:从创意到交互式Demo,5款产品全面解析
前端·ui·设计模式·ai·ai编程·原型模式
落魄江湖行28 分钟前
硅基同事埋的坑,我用2小时才填平:Nuxt 4 路由踩坑:可选参数 [[id]] 与 [id] 的区别
前端
一勺菠萝丶34 分钟前
管理后台使用手册在线预览与首次登录引导弹窗实现
java·前端·数据库
军军君0134 分钟前
Three.js基础功能学习十四:智能黑板实现实例一
前端·javascript·css·typescript·前端框架·threejs·智能黑板
小村儿36 分钟前
连载05-Claude Skill 不是抄模板:真正管用的 Skill,都是从实战里提炼出来的
前端·后端·ai编程
xiaotao13142 分钟前
JS new 操作符完整执行过程
开发语言·前端·javascript·原型模式
robch1 小时前
python3 -m http.server 8001直接启动web服务类似 nginx
前端·nginx·http