00、前端搬砖框架
开发 ⇨ 构建 ⇨ 部署上线 ⇨ 摸鱼：
01、Node.js/npm
Node.JS 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境，不是JS库（是C++开发的），是用来解释执行JavaScript 代码的。我们开发Web应用中的JavaScript 代码都是运行在浏览器上，有了Node.JS，就可以用JavaScript 来开发中间件、后端服务了。
我们在VSCode中用到的很多组件都是基于Node.JS来开发运行的，如构建工具webpack、vue-cli。
1.1、什么是npm？
npm（Node Package Manager）为Node.JS的包管理器，用来管理JS组件模块的，包括安装、卸载、管理依赖等。很多语言都有自己的包管理器，如Java的maven、.Net的Nuget等。
npm仓库(registry)：官方的 npm仓库 存放了大量的、几乎所有的 JS组件（轮子）。在这里，你会发现你不是一个人在战斗！大家开源的各种前端组件库都是发布到这个集中式的大仓库里，使用npm工具就可以从仓库里学习（copy）、安装使用各种组件了。
1.2、什么是yarn/pnpm?
yarn、pnpm的作用同npm一样，都是包管理工具，使用方式都比较相似。
- npm：这是Node.js官方自带的包管理工具，
- yarn：由于早期npm存在一些不完善的问题，于是一些大公司推出了yarn。
- npm完善：受yarn的反向推动，后来npm逐步升级完善。
- pnpm：一个比较新包管理工具，相比npm、yarn，有更好的下载速度、磁盘管理、依赖管理。
1.3、npm命令/配置
NodeJS官网 下载安装包，安装Node.JS的时候就自带npm了，可以直接使用。npm是一个命令行工具，指令都是在cmd命令行工具中执行的，常用指令如下：
| 常用指令 | 说明 |
|---|---|
| node -v | 查看nodeJS版本，也用来验证node是否安装 |
| node | 进入node命令环境，可运行任何JavaScript代码了 |
| console.log('hello world') | 在node环境中执行JS代码 |
| npm -v | 查看npm版本 |
| npm install -g <包名称@版本号> | 安装一个模块，@可指定版本号，-g 表示全局安装。npm install -g vuex@3 |
| npm uninstall <包名称> | 卸载一个模块 |
| npm update <包名称> | 更新模块 |
| npm list -g | 查看所有全局安装的模块 |
| npm list <包名称> | 查看模块的版本信息，npm list vuex |
| npm init | npm初始化，会生成一个 package.json 文件 |
| npm install | 自动安装 package.json 文件中的模块 |
| npm install -save <包名称> | 在package文件的dependencies写入依赖，用于生产环境。简写 npm i -S |
| npm install -save-dev <包名称> | 在package文件的devDependencies写入依赖，开发环境。简写：npm i -D |
| npm cache clean -f | 清除缓存 |
标签：Node,npm,vue,babel,代码,webpack,模块,工程化 From： https://www.cnblogs.com/anding/p/16986918.html