学习|Git、node、npm、webpack、yarn、脚手架是什么 webpack|git|npm

Git 一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。详情
node node.js是一种javascript的运行环境，能够使得javascript脱离浏览器运行
官网：http://nodejs.cn/
笔记
Node.js js基础语法 + Node模块
Node模块

内置模块（Node.js官方提供 fs ，path，http,…）

自定义模块(用户创建的每个js文件，都是自定义模块)

第三方模块(由第三方开发出来的模块，并非官方提供的内置模块)——包

直接体现在代码上的部分就是模块的引入和共享
引入模块方式
引入内置模块

var fs = require('fs');

共享模块方式
自定义模块中，可以使用module.exports对象，将模块内的成员共享出去，供外界使用
外界用require()导入自定义模块，得到的就是module.exports所指向的对象
由于module.exports单词写起来比较复杂，为了简化向外共享成员的代码，Node提供了exports对象
exports和module.exports指向同一个对象

exports.username = "zs"; exports.sayHello = function () {}

第三方模块（包）
第三方模块就是包，包还可以分项目包和全局包，这里就不过多描述
对包管理的工具就是npm
npm 所以npm就是个包管理工具，换句话说就是 node第三方模块的管理工具。
这个包管理工具随着node的安装一起被安装到了用户的电脑上，主要使用命令，所以有node就可以直接使用命令
安装/下载包比如安装jQuery的命令：npm install jquery

初次装包完成，项目文件下多一个叫node_modules文件夹和package-lock.json和package-lock.json文件
node_modules 存放所有已安装到项目中的包 require导入第三方包时，就是从这个目录中查找并加载包
package-lock.json 配置文件用来记录node_modules目录下每一个包的下载信息，包的名字，版本号下载地址
不需要手动修改这两个文件 npm包管理工具会自动维护它们

package.json 创建该文件的命令：npm init -y

npm规定，在项目目录中，必须提供一个叫做package.json的包管理配置文件，用来记录与项目有关的一些配置

项目名称版本号描述

项目中都用到了哪些包

哪些包只在开发期间用到

哪些包在开发和部署时都需要用到

里面的东西大概是这样：

{ "name": "myproject", "version": "1.0.0", "description": "", "main": "index.js", "type": "module", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "axios": "^0.26.1", "then-fs": "^2.0.0" }, "devDependencies": { "less": "^4.1.2", "scss": "^0.2.4" } }

devDependencies节点中的包，只在开发期间会用到
dependencies节点中的包，在开发期间和项目上线之后都会用到
yarn 快速、可靠、安全的依赖管理工具。和npm类似，都是包管理工具，可以用于下载包，比npm快
yarn需要用npm安装npm install --global yarn
命令对应表：

npm	yarn
npm install	yarn
npm install XXXX --save	yarn add XXXX
npm uninstall XXXX --save	yarn remove XXXX
npm install XXXX --save-dev	yarn add XXXX --dev
npm update --save	yarn upgrade

webpack webpack是node的第三方模块包，用于打包代码
通过npm和yarn下载的包和webpack打的包是同一种东西
给个传送门
脚手架 【学习|Git、node、npm、webpack、yarn、脚手架是什么】vue脚手架
vue-cli快速搭建vue项目的，使用webpack管理项目
传送门