脚手架架构设计和框架搭建

大厂研发架构图

image.png

脚手架核心价值

将研发过程：

• 自动化：项目重复代码拷贝/git操作/发布上线操作
• 标准化：项目创建/git flow/发布流程/回滚流程
• 数据化：研发过程系统化、数据化，使得研发过程可量化和自动化构建工具的区别

问题：Jenkins、Travis等自动化构建工具已经比较成熟了，为什么还需要自研脚手架？

不满足需求：Jenkins、Travis通常在git hooks中触发，需要在服务端执行（仅仅只能覆盖云构建端的操作），无法覆盖研发人员本地的功能，如：创建项目自动化，本地git操作自动化等
定制复杂：Jenkins、Travis定制过程需要开发插件，其过程较为复杂，需要使用java语言，对前端同学不够友好

cmd命令

查看vue安装路径

which vue
路径为：/c/Users/hjy/AppData/Roaming/npm/vue

which lio-imooc-test
路径为：/c/Users/hjy/AppData/Roaming/npm/lio-imooc-test

查看目录下的文件

dir

vue脚手架

cnpm i -g @vue/cli
vue create project-name

• 为什么全局安装@vue/cli后会添加的命令为vue？
  C:\Users\hjy\AppData\Roaming\npm打开vue文件，对应的软链接

  
  image.png

• 执行vue和/c/Users/hjy/AppData/Roaming/npm/vue是一样的效果
  vue文件也是一个软链接，指向的是C:\Users\hjy\AppData\Roaming\npm\node_modules@vue\cli\bin\vue.js

查看环境变量

/usr/bin/env

运行node

/usr/bin/env node

查看操作系统的环境变量

echo $PATH

查看当前项目的路径

pwd