- 综合排序
- 最热优先
- 最新优先
- 来自专栏『学习与分享之旅』
『手撕Vue-CLI』完结
前言 『手撕Vue-CLI』系列文章已经完结，感谢大家的支持，希望这个系列文章能够帮助到大家，也希望大家能够继续关注我的博客，我会继续分享更多的技术文章。 总结 在这个系列文章中，我们从头到尾手撕了 Vue-CLI，实现了一个简易版的 Vue-CLI，虽然功能不是很多，但是基本的功能都有了。 在这个过程中，我相信大家对 Vue-CLI 的原理有了更深入的了解，也对 Vue-CLI 的使用有了更深入的了解。 本篇呢，就是对照一下官方的 vue-cli 看看我们所使用的技术与官方的 vue-cli 有什么不同。 首先打开 vue-cli 的 npm 地址：vue-cli 然后呢，找到 dependencies，看看 vue-cli 使用了哪些依赖： 进入到依赖页面，我找到了 boxen 这个依赖，这个依赖是用来在终端中显示一些信息的
14811编辑于 2024-06-02 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』拷贝模板
经过上篇文章的介绍，实现了可以根据用户选择的模板名称加上对应的版本号，可以下载对应的模板，并且将下载之后的文件存放在用户目录下的 .nue-template文件夹中。
14011编辑于 2024-05-14 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』完善提示信息
前言 经过『手撕Vue-CLI』自动安装依赖，已经实现了自动安装依赖的功能。
21611编辑于 2024-05-18 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』下载指定模板
通过很多章节过后，已经可以拿到模板名称，模板版本号，下载目录地址，这些信息都是为了下载指定模板做准备的。
22700编辑于 2024-05-13 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』自动安装依赖
开篇经过『手撕Vue-CLI』拷贝模板，实现了自动下载并复制指定模板到目标目录。然而，虽然项目已复制，但其依赖并未自动安装，可能需要用户手动操作，这并不够智能。
24700编辑于 2024-05-16 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』编码规范检查
因为这是一个很重要的环节，一个好的编码规范可以让代码更加清晰易读，在官方的 VUE-CLI 也是有着很好的编码规范的，所以我也要加入这个环节。 在 Vue-CLI 中也是有着 ESLint 的配置的，我们可以在项目中找到 .eslintrc.js 这个文件，这个文件就是 ESLint 的配置文件。
39231编辑于 2024-04-19 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』编译模板『上』
前言 经『手撕Vue-CLI』完善提示信息后，nue-cli 的 create 指令已经实现了基本的功能，但是除了基本功能外，还有一些功能需要完善，比如模板的编译。
14411编辑于 2024-05-27 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』编译模板『下』
前言经『手撕Vue-CLI』编译模板『上』已经将大概流程编写好了，接下来就是将模板中的变量替换成用户输入的内容。
25611编辑于 2024-05-27 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』检查版本更新
图片 前言 经『手撕Vue-CLI』编译模板『下』介绍之后，nue-cli 的两套模板都已经到此就落幕了，但是还需要一个功能，那就是检查版本更新。
27811编辑于 2024-06-01 - 来自专栏前端必修课
『手撕Vue-CLI』完善提示信息
前言 经过『手撕Vue-CLI』自动安装依赖，已经实现了自动安装依赖的功能。
21200编辑于 2025-03-06 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』拉取模板名称
好，经过上篇文章的介绍，已经可以有处理不同指令的能力了，接下来我们就来处理 vue create 指令，这个指令的本质就是从网络上下载提前准备好的模板，然后再自动安装模板中相关依赖。
23511编辑于 2024-05-05 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』自定义指令
因为前面已经将 Vue 全家桶大部分内容已经手写了一遍，目前就差 Vue-CLI，本篇开始就会陆续将 Vue-CLI 底层实现过程分享出来给大家一起学习。 回顾 Vue-CLI 先来简单的看看 Vue-CLI 是如何使用的，先到官网： https://cli.vuejs.org 进入之后，我们首先得要安装 Vue-CLI： 好，看到这，我的问题来了，需要安装 所以说我们是不是可以根据这点开始撕 Vue-CLI，也正是本文首先要介绍的内容。 到这里有的人可能就会问了，怎么在控制台输入 npm install xxx 就会去执行和帮我们干一些事情呢？ NodeJS 文章中寻找答案，文章地址： NodeJS 在这个系列中，有一个手写Node模块系统，在里面就有详细的介绍： 好的就指引到这里（后续的步骤我都是直接实战写代码，多多少少还是会带一点解释吧），我们开始撕 Vue-CLI 第一步，完善我们的自定义指令。
28232编辑于 2024-04-19 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』处理不同指令
前言在上一篇『手撕Vue-CLI』添加自定义指令中，已经实现了自定义指令的添加，但是指令还是比较简单的，只是简单的打印一句话，那么在实际运用场景中，可能会有更多的需求，比如可能需要在指令中传递参数，或者需要在指令中进行一些复杂的操作 创建指令处理文件在上一篇『手撕Vue-CLI』添加自定义指令中，添加了一个 create 指令与 add 指令, 先来处理一下 create 指令，为了更好的处理指令，我单独为每一个指令创建了一个文件，
17711编辑于 2024-04-29 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』获取下载目录
官方的 Vue-CLI 会先将模板下载到 用户目录 中，然后再拷贝到 执行指令的目录 中。那么官方为什么要先下载到用户目录中呢？ 在里面就会存在使用 Vue-CLI 所拉取的模板，我这里因为是新电脑，我点进去会发现没有存在，但是经过我这些内容的介绍我想告诉大家的是，如何找到自己电脑上的用户目录。
15400编辑于 2024-05-12 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』添加终端用户交互
经过上一篇文章的梳理，实现了可以从 GitHub 上拉取模板项目名称，已经可以得知可使用的模板有哪些了，那么我觉得是不是要进行选择呢？所以这一篇文章就来实现终端用户交互，让用户可以自己选择想要使用的模板。
20811编辑于 2024-05-07 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』添加自定义指令
前言 经上篇『手撕Vue-CLI』添加帮助和版本号的介绍之后，已经可以在控制台中输入 nue --help 来查看帮助信息了，但是在帮助信息中只有 --version，--help 这两个指令，而 vue-cli 添加 create 指令 在 vue-cli 中，create 指令是用来创建一个新的项目的，我实现的 nue --help 的帮助信息中只有 --version，--help 这两个指令，所以当用户使用我的 添加 create 指令到 --help 的帮助信息中 是否大家还记得在上一篇『手撕Vue-CLI』添加帮助和版本号中，我引入了 commander 这个库，这个库是用来处理命令行参数的，所以我们可以使用这个库来添加 指令添加完成了，但是呢有一个问题，因为我本人是比较熟悉 vue-cli 所以知道有 create 并且知道怎么用，那么如果是一个新手呢？如果他知道了有 create 但是不知道怎么用呢？
35211编辑于 2024-04-26 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』拉取版本号
好了别的内容就不多说了，这里就是手撕 Vue-CLI 拉取版本号的功能，下一篇文章再来实现拉取模板的功能。我正在参与2024腾讯技术创作特训营最新征文，快来和我瓜分大奖！
20610编辑于 2024-05-08 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』函数柯里化优化代码
在上一篇文章中，给 nue-cli 添加了拉取版本号的功能，这一次来优化一下代码，使用函数柯里化的方式来优化代码。
15200编辑于 2024-05-12 - 来自专栏『学习与分享之旅』
『手撕Vue-CLI』添加帮助和版本号
前言经过上一篇『手撕Vue-CLI』编码规范检查之后，手撕 Vue-CLI 已经进阶到了代码规范检查这一步，已经将基本的工程搭建好了，然后代码规范约束也已经加入了，并且将 nue-cli 指令绑定到了全局当中
31521编辑于 2024-04-18 - 来自专栏刷题笔记
手撕代码 多线程手撕代码题
两个线程，线程1打印A，线程2打印B,两个线程同时并发，要求保证先打印A,后打印B 使用synchronized+ wait、notify public class Main{ static class Number{ public int num = 1; Number(){} } public static Number number = new Number(); public static void main(String []ar
43720发布于 2021-04-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号