node、npm、webpack、vue-cli傻傻分不清?

简介: node、npm、webpack、vue-cli傻傻分不清?

node、npm、webpack、vue-cli傻傻分不清?


 

1-1node、npm、webpack、vue-cli各自作用:

▷node:node.js是服务端浏览器端js有很多缺陷,比如不能操作本地文件呐,而node.js 可以node是一个平台,是服务器端JavaScript的解析器

nodejs本身运行Google V8 JavaScript引擎,所以速度和性能非常好。 

 

▷npm:① npm官网 ② 包管理工具。

npm社区或官网是一个巨大的Node生态系统,社区成员可以随意发布和安装npm生态中的包,直接安装到你的项目中就可以使用,

但是当包引入数量很多时管理就成为了一个问题,于是,npm经为你做好了依和版本的控制,

也就是使用npm可以你从繁的依安装和版本冲突中解脱出来,而关注你的业务而不是的管理。

 

▷ webpack:模块化打包工具webpack可以把你npm中安装的包打包成更小的浏览器可读的静态资源(模块化打包工具)

 

▷ vue-cli:

CLI是Command-Line Interface,俗称脚手架.

使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。(vue 脚手架的作用)

  而通过vue-cli即可:vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。

■   Vue.js官方脚手架工具就使用了webpack模板。

 

 

1-2,node、npm、webpack、vue-cli之间的联系?


 

● node 为了正常执行很多的代码,通过npm(Node Package Manager)工具进行管理和分发,我们会经常使用NPM来安装一些开发过程中依赖包。

● 而 Webpack模块化打包工具, 正常使用需要依赖node 环境。

● vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。

目录
相关文章
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
1408 9
|
JavaScript
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
1282 13
node环境之Error: Cannot find module ‘chalk’ 报错无法解决的问题—-网上说让你npm install chalk 基本是没有用的-优雅草央千澈解决方案
|
JavaScript
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
3880 27
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
566 3
node环境之当我们遇到需要付费的依赖库@fortawesome/fontawesome-pro导致npm install无法进行怎么办-fontawesome-pro依赖库
|
JavaScript 算法 前端开发
nodejs18版本 npm run dev失败
在使用若依框架运行 `npm run dev` 时,若卡在 95% 并报错,通常是 Node.js 17+ 与 Webpack 的兼容性问题。原因是 OpenSSL 3 的加密算法变化导致依赖冲突。解决方法:Windows 下运行 `set NODE_OPTIONS=--openssl-legacy-provider`,macOS/Linux 使用 `export NODE_OPTIONS=--openssl-legacy-provider`,然后重新启动开发服务即可。此设置让 Node.js 启用旧版加密支持,恢复正常构建流程。
1448 0
|
存储 资源调度 JavaScript
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
2567 5
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
2637 0
|
JavaScript 前端开发 程序员
前端开发:node.js的node包管理器npm安装以及使用
在前端开发过程中,node.js进行包管理的时候会使用npm管理器来操作。npm(node package manager)包管理器,主要是用于第三方模块的下载、安装和管理,它具有强大的第三方资源,重要程度不言而喻。
1227 0
前端开发:node.js的node包管理器npm安装以及使用
|
JavaScript 前端开发 C++
JavaScript 技术篇 - Node.js、npm的安装过程演示
JavaScript 技术篇 - Node.js、npm的安装过程演示
285 0
JavaScript 技术篇 - Node.js、npm的安装过程演示
node 通过指令创建一个package.json文件及npm安装package.json
描述包的文件是package.json文件. 一个这样的文件,里面的信息还是挺大的.我们可以放弃手动建立.为了练手我们有命令行来建一个这样的包; 完成name,varsion....license项的信息填写后会出现这样一段话.
1310 0

推荐镜像

更多
  • NPM