![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
探索脚手架
文章平均质量分 77
一枚初学者对脚手架的探索
coder__wang
脚踏实地行,海阔天空飞
展开
-
从0到1手把手开发脚手架
前面对脚手架和其原理有个初步的认识,本篇将和大家一起实操,从零开始搭建一个简易的脚手架(需要有node环境)~首先,新建一个文件夹wang-cli-test,在该文件夹下打开终端,初始化项目:npm init -y。用vs code打开该项目,新建子文件夹bin,bin目录下新建index.js,如图:接下来配置package.json文件:{ "name": "wang-cli-test", "version": "1.0.0", "description": "",.原创 2021-07-18 13:36:47 · 253 阅读 · 0 评论 -
vue-cli脚手架命令的执行过程
上一篇文章,已经大致了解脚手架是什么以及脚手架是如何工作的。接下来,稍微深入一下脚手架的工作过程(以vue-cli为例)。首先抛出3个问题: 1.明明全局安装的是@vue/cli,最后执行的命令却是vue? 2.全局安装@vue/cli时发生了什么? 3.执行vue命令时发生了什么,为什么vue指向某个文件,我们却可以直接通过vue命令执行它?弄清楚这3个问题,基本上对脚手架的原理已经有个大体的认识,文章最后会详解自定义npm命令哦~首先,第一个问题为什么安装的...原创 2021-07-16 00:39:39 · 642 阅读 · 0 评论 -
认识vue-cli脚手架
作为一名前端开发工程师,平时开发项目大多都离不开一个重要的工具,那就是脚手架。下面让我们来了解一下什么是脚手架,以及它给工作带来的一些帮助。 通过上图,我们可以看出,如果一家公司的开发团队具有一定规模,那么自研一款脚手架就非常有实用价值,拥有一个优秀的脚手架工具也会带来诸多便捷。主要包括以下三点: 1.自动化:项目中可复用代码的拷贝、git代码库管理、项目的打包上线 2.标准化:创建项目、git...原创 2021-07-16 00:27:12 · 150 阅读 · 0 评论