脚手架开发流程和难点解析

脚手架开发的预备知识

脚手架原理讲解

• 脚手架本质就是操作系统的客户端程序(node客户端  )，node就是一个可执行程序文件(.exe)， 它和我们在pc上安装的应用/软件有什么区别？没啥区别  node没有GUI，只能通过命令行的方式来使用，pc上安装的应用/软件都是通过GUI来实现 

• 如何为node脚手架命令创建别名?

  可以通过软连接(映射 )方式进行创建别名
  

• 描述脚手架命令的执行过程。

  

脚手架的实现原理

• 为什么全局安装@vue/cli后会添加命令为vue?

  npm install -g @vue/cli 

• 全局安装@vue/cli时发生了什么？

• 执行vue命令时发生了什么？为什么vue指向一个js文件，我们可以直接通过vue命令去执行它？
  

什么是CLI？（程序）

• 命令行界面(CLI)是一种基于文本届面(类似：MacOS终端、Windows cmd.exe)，用于运行程序。(A command-line interface(CLI) is a text-based user interface(UI) used to run programs,manage computer files and interact with the computer.Command-line interfaces are also calles command-line user interfaces,console user interfaces and character user interfaces.)

• CLI接受键盘输入，在命令提示符处输入命令，然后由计算机执行并返回结果。(CLIs accept as input commands that are entered by keyboard;the commands invoked at the command prompt are then tun by the computer.)

• 今天大部分操作系统都会以GUI作为基础，但是基于Unix的系统都会同时提供CLI和GUI.(Today,most vendors offer the graphical user interface(GUI) as the default for operating systems(OSes)such as Windows,Linus and macOS.Most current Unix-based systems offer both a command-line interface and a graphical user interface.)

  
  

总结

• Shell是操作系统提供的接口程序，用于接收用户输入的命令，交给操作系统内核执行并接收响应结果。(抽象)

• Bash 是Shell 的一个实现，用于执行用户输入的命令

• CLI是Bash的运行环境，CLI接收用户键盘输入，交给Bash执行，并将程序处理结果以文本形式进行显示。

  

  
  

Shell 是计算机提供给用户与其他程序进行交互的接口。Shell是一个命令解释器，当你输入命令后，由Shell进行解释后交给操作系统内核(OSKernel) 进行处理。

简单地说: Bash 是一种程序，它的职责是用来进行人机交互。Bash 和其他程序最大区别在于，它不是用来完成特定任务 (如计算器、文件管理等)，我们通过bash shell来执行程序。

Bash 有什么用？
绝大部分同学都习惯使用可视化的图形界面操作系统，但是Bash 使用了一种与图形界面完全相反的方案，通过纯文本的控制台进行控制，它的主要交互方式通过键盘输入文本，

文字反馈来实现人机交互。

什么是叫脚手架

• 脚手架又称CLI（Command-Line Interface）

• 脚手架基于文本届面，需要通过键盘输入命令来执行

• 前端常用的脚手架有npm、webpack-cli、vue-cli等

为什么要学习脚手架开发？

• 命令行操作方式的效率很高，非常适合执行任务

• 最常用的场景，就是利用脚手架实现前端研发提效

• 如：npm install 解决了依赖下载和安装问题

• 脚手架应用非常广泛，要实现前端提效，学会脚手架必不可少

• 往高级前端工程师、前端架构师，脚手架是不可或缺的技能

• 搞清楚项目工程化流程，如：项目创建、项目启动、项目构建流程

• 脚手架是解决复杂工程问题的必备基础知识

  
  

脚手架本地调试方式

脚手架难点

脚手架基础

创建软连接

安装的时@vue-cli  为什么使用的是vue

什么是脚手架

1

课程介绍

对象: 中级