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 小时前
移动端响应式px转换插件PostCSS的使用~
前端·javascript·postcss
Swift社区2 小时前
为什么 socket.io 客户端在浏览器能连上,但在 Node.js 中报错 transport close?
javascript·node.js
恋猫de小郭2 小时前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter
wordbaby2 小时前
用 window.matchMedia 实现高级响应式开发:API 全面解析与实战技巧
前端·javascript
薄雾晚晴2 小时前
Rspack 实战,构建流程升级:自动版本管理 + 命令行美化 + dist 压缩,一键输出生产包
前端·javascript
huabuyu2 小时前
在 Taro 小程序中实现完整 Markdown 渲染器的实践
前端
Running_slave3 小时前
位运算左移右移应该怎么玩?
前端·javascript·算法
晚星star3 小时前
在 Web 前端实现流式 TTS 播放
前端·vue.js
huabuyu3 小时前
基于 Taro 的 Markdown AST 渲染器实现
前端
薄雾晚晴3 小时前
Rspack 性能优化实战:JS/CSS 压缩 + 代码分割,让产物体积直降 40%
前端·javascript