脚手架开发流程

最新推荐文章于 2024-03-03 00:27:46 发布
最新推荐文章于 2024-03-03 00:27:46 发布
阅读量541 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sanstu/article/details/127509770
版权
本文详细介绍了Vue CLI脚手架的实现原理，包括全局安装后的命令解析过程。接着，阐述了脚手架的开发流程，从创建npm项目到发布到npm的步骤。此外，还讨论了开发难点，如分包、命令注册和参数解析，并提供了快速开发脚手架的指南及本地调试方法。
摘要由CSDN通过智能技术生成

先把原理讲通，方便后续的开发。 

后续都拿vue-cli举例

脚手架实现原理

  • 为什么全局安装@vue/cli后会添加的命令为vue？
  • 全局安装@vue/cli时发生了什么？
  • 执行vue命令时发生了什么？为什么vue指向一个js文件，我们却可以直接通过vue命令去执行它？

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

mac下我们可以先通过which vue查找vue命令的实际文件路径，再定位到bin路径下，

bin目录下都是一堆可执行文件，通过命令ll查找到vue指令是个软连接，它实际指向的是后面的地址，这个地址是全局的node_modules，而bin/vue.js就是vue命令实际执行的文件

 

最低0.47元/天 解锁文章
sanstu
关注
开发脚手架及封装自动化构建工作流
weixin_44581964的博客
09-16 234
一、工程化的定义和主要解决的问题 1、工程化的定义和主要解决的问题 前端工程化：全副武装：通过工程化提升“战斗力” 面临的问题 想使用ES6+ 新特性，但是兼容有问题 想要用 Less/Sass/PostCSS增强CSS的编程性，但是运行环境不能直接支持 想要用模块化的方式提高项目的可维护性，但运行环境不能直接支持 部署上线前需要手动压缩代码及资源文件，部署过程需要手动上传代码到服务器 多人协作开发，无法硬性统一大家的代码风格，从仓库pull回来的代码质量无法保证 部分功能开发时需要等待后端服务接口提前完
使用 Node.js 开发简单的脚手架工具
前端大全
06-10 3447
（点击上方公众号，可快速关注）作者：林鑫http://blog.gdfengshuo.com/article/27/像我们熟悉的 vue-cli，react-native...
带你了解项目脚手架的开发过程
伶俜Monster
01-12 172
这是你需要了解的，开发一个项目脚手架，做你的项目管家
脚手架的开发流程
loushengyue
02-06 1387
文章目录前言一、开发流程二、使用流程脚手架开发难点解析总结 前言 这是一篇关于脚手架搭建流程的学习日志，仅供参考学习 一、开发流程 创建npm项目 创建脚手架入口文件，最上方添加解析注释： #!/usr/bin/env node 配制package.json，添加bin属性 编写脚手架代码 将脚手架发布到npm 二、使用流程 安装脚手架 npm install -g your-test-cli 使用脚手架 your-test-cli 脚手架开发难点解析 分包：将复杂的系统拆分为若干
开发脚手架
qq690452074的专栏
08-20 122
人人开源https://www.renren.io/ http://www.jeeplus.org/
Angular脚手架开发的实现步骤
10-17
Angular脚手架开发的实现步骤 Angular 脚手架开发是指使用Angular框架创建一个新的项目，包括创建项目结构、安装依赖项、配置环境等步骤。下面是 Angular 脚手架开发的实现步骤： 1. 创建项目结构 首先，我们需要...
vue全流程开发脚手架开发从未如此简单
08-10
VPDS 是一个基于 Vue.js 的全流程，前端研发系统，包括项目的初始化，构建脚本，项目发布等前端开发流程，而且 VPDS 利用私有的 NPM 仓库实现了一套模块管理平台，使得项目的开发，从面向页面到面向模块的的转变。
十次方脚手架开发工具
11-17
在软件开发上的脚手架指的是：有人帮你把这个开发过程中要用到的工具、环境都配置好了，你就可以方便地直接开始做开发，专注你的业务，而不用再花时间去配置这个开发环境。这个开发环境就是脚手架帮你搭建好的。比如...
详解vue组件开发脚手架
12-04
总的来说，Vue 组件开发脚手架极大地简化了组件开发流程，使得开发者可以专注于组件本身的功能实现，而不是繁琐的项目初始化工作。通过自定义组件，你可以构建出高度模块化的 Vue 应用，提高代码复用性和可维护性。
人人快速开发脚手架
10-09
人人快速开发脚手架 人人快速开发脚手架 人人快速开发脚手架
开发自己的 yeoman 脚手架（generator-reactpackage）
sunscheung的博客
07-24 726
开发自己的 yeoman 脚手架（generator-reactpackage） 转自：https://juejin.im/entry/57c938510e3dd90063e3c725 想体验一把 Ubuntu 系统玩一下命令行？试试腾讯云上实验室吧 https://cloud.tencent.com/developer/labs 原文链接：http://luckyk
前端工程化实战 - 开发脚手架
每天进步一点点
06-09 1039
日常开发会面临的一些问题（技术是为了解决问题而存在的）主要解决的问题实现前端工程化可以从以下几方面出发：一切重复的工作都应该被工程化一些成熟的工程化集成通常我们在去开发相同类型的项目时都会有一些相同的约定，其中包括： 安装对应的 generator 通过 yo 运行 generator（在自己新建的文件根目录运行） 填写相关信息 运行模块 3.4 Yeoman 使用步骤总结 明确你的需求 找到合适的 Generator 全局范围安装找到的 Generator 通过 Yo 运行对
开发脚手架yeoman、generator、plop
woyebuzhidao321的博客
01-23 558
一、前端工程化 前端工程化是指遵循一定的标准和规范通过工具提高效率的一种手段。技术是为了解决问题而存在的，主要解决的问题 传统语言和语法的弊端 无法使用模块化/组件化 重复的机械性工作 依赖后端接口支持 整体依赖后端项目 很难做到代码风格统一、质量难以做保证 工程化表现 一切以提高效率、降低成本、质量保证为目的的手段都属于工程化 创建项目 创建特定目录结构 创建特定文件类型 编码 格式化代码 校验代码风格 编译/构建/打吧 预览/测试 Web Server/Mock Live Relo
怎么开发脚手架
frontend_frank的博客
04-17 326
❝树酱希望将前端的乐趣带给大家 本文已收录 https://github.com/littleTreeme/frontendThings 喜欢就star✨❞❝上一篇树酱讲《前端工程化那些事》，聊到脚手架，不过时间比较仓促，导致内容较少，而在我实践开发中，随着新项目愈来愈多，脚手架工具就起到提高效能的作用，借此机会跟小伙伴们分享下我是如何从0到1开发一个简单脚手架❞1.什么是脚手架❝脚手架用于快速生...
前端工程化：脚手架开发
Litt_White的博客
08-07 1213
这个是Linux下的，可以通过bash命令行操作，cmd和shell都会报错。ora：loading状态加载。：windows下没有。chalk：颜色渲染。
02-脚手架开发入门（前端架构师入门笔记）
最新发布
前端-张冠的博客
03-03 1407
前端架构师入门笔记：02-脚手架开发入门
Java项目开发快速开发脚手架
qq_35862393的博客
06-05 473
https://juejin.im/post/5ed99a6f6fb9a047b90db41a
脚手架（一）——脚手架开发入门
lime2019的博客
04-17 2682
脚手架1. 脚手架是什么2. 为什么要开发脚手架3. 脚手架实现原理4. 脚手架开发 1. 脚手架是什么 脚手架本质是一个操作系统的客户端，其通过命令行执行。如： vue create my-vue-app --force 此条命令组成： 主命令 ：vue； command ：create； command的param ：my-vue-app； option ：--force； 2. 为什么要开发脚手架 脚手架核心价值： 自动化：项目重复代码拷贝/Git操作/发布上线操作； 标准化：项目创建/Git
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值