• Git、node、npm、webpack、yarn、脚手架是什么


    Git

    一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。详情

    node

    node.js是一种javascript的运行环境,能够使得javascript脱离浏览器运行
    官网:http://nodejs.cn/
    笔记

    Node.js

    js基础语法 + Node模块

    Node模块

    • 内置模块(Node.js官方提供 fs ,path,http,…)
    • 自定义模块(用户创建的每个js文件,都是自定义模块)
    • 第三方模块(由第三方开发出来的模块,并非官方提供的内置模块)——包

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

    引入模块方式

    引入内置模块

    var fs = require('fs');
    
    • 1

    共享模块方式

    自定义模块中,可以使用module.exports对象,将模块内的成员共享出去,供外界使用
    外界用require()导入自定义模块,得到的就是module.exports所指向的对象

    由于module.exports单词写起来比较复杂,为了简化向外共享成员的代码,Node提供了exports对象
    exports和module.exports指向同一个对象

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

    第三方模块(包)

    第三方模块就是包,包还可以分项目包和全局包,这里就不过多描述
    对包管理的工具就是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"
      }
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21

    devDependencies节点中的包,只在开发期间会用到
    dependencies节点中的包,在开发期间和项目上线之后都会用到

    yarn

    快速、可靠、安全的依赖管理工具。和npm类似,都是包管理工具,可以用于下载包,比npm快
    yarn需要用npm安装npm install --global yarn
    命令对应表:

    npmyarn
    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打的包是同一种东西
    给个传送门

    脚手架

    vue脚手架
    vue-cli快速搭建vue项目的,使用webpack管理项目
    传送门

  • 相关阅读:
    力扣每日一题 ---- 2906. 构造乘积矩阵
    机器学习7:pytorch的逻辑回归
    关于LWIP的一点记录(四)
    配置nginx常用命令
    关于sip呼叫成功后,对方立马挂断的情况说明
    含文档+PPT+源码等]精品springboot+VUE的学生宿舍管理系统设计与实现[包运行成功]Java毕业设计SSM项目源码
    CPSC发布关于亚马逊含有纽扣电池或硬币电池产品的相关规则标准!UL4200A
    服务治理--Eureka
    史上最全阿里云盘资源搜索网站
    C语言编写一个程序采集招聘信息
  • 原文地址:https://blog.csdn.net/qq_45025670/article/details/126297959