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

相关推荐
万岳科技程序员小金几秒前
多端统一的教育系统源码开发详解:Web、小程序与APP的无缝融合
前端·小程序·软件开发·app开发·在线教育系统源码·教育培训app开发·教育培训小程序
软件架构师-叶秋3 分钟前
Vue3+tyepescript+ElementPlus+Axios前端技术栈
前端·vue3·elementplus
濮水大叔4 分钟前
VonaJS: 直观好用的分布式锁
typescript·node.js·nestjs
AAA阿giao7 分钟前
HTML/CSS/JS 页面渲染机制:揭秘浏览器如何将平凡代码点化为视觉魔法
前端·css·html
lichenyang45311 分钟前
从零到一:编写一个简单的 Umi 插件并发布到 npm
前端·react.js·前端框架
一颗宁檬不酸13 分钟前
ajxa实例操作
前端·ajax·api
文心快码BaiduComate14 分钟前
CCF程序员大会码力全开:AI加速营,10w奖金等你拿!
前端·后端·程序员
前端西瓜哥23 分钟前
Figma 协同编辑是如何做用户状态同步的?
前端
OpenTiny社区25 分钟前
不止按钮和表格!TinyVue 偷偷上线 Space 组件,直接搞定「弹性+间距」布局
前端·vue.js·github
FogLetter32 分钟前
Vue 全家桶深度探索:从语法精要到项目实战
前端·vue.js