1.vue用什么工具开发
2.vue3源码学习--调试环境搭建
3.Ant Design of Vue pro 安装与配置
4.使用vuex需要git吗？
5.Vue项目的部署
6.新款vue-cli之create-vue源码阅读总结

vue用什么工具开发

       Vue框架的开发主要依赖于以下几种工具：

       开发工具：Vue CLI

       Vue CLI是Vue.js官方提供的命令行工具，用于快速搭建Vue项目的基本结构，包括配置Webpack等构建工具。通过Vue CLI，开发者可以方便地创建项目、管理依赖、金矿指标源码图解运行开发服务器以及构建生产环境的应用。

       文本编辑器/集成开发环境：Visual Studio Code

       Visual Studio Code是一款轻量级的代码编辑器，特别受到前端开发者的喜爱。Vue项目大多在VSCode中进行开发，因为它支持智能代码提示、语法高亮、调试功能等，还有丰富的插件生态系统，可以安装各种与Vue相关的vr毛笔源码插件，如语法检查、组件库等，极大提高了开发效率。

       代码编辑器：Sublime Text、Atom等

       除了Visual Studio Code，还有许多其他的文本编辑器和集成开发环境支持Vue开发，如Sublime Text和Atom等。这些编辑器也提供了语法高亮、代码提示等基本功能，并且有相应的插件支持Vue开发。

       版本控制系统：Git

       在Vue项目开发的流程中，Git是不可或缺的版本控制系统。它可以帮助开发者管理代码的版本，协作开发，rtos内核源码解决冲突等。Vue项目通常会在Git仓库中进行管理，通过分支、合并等操作来维护项目的稳定性和可维护性。

       总的来说，Vue的开发主要依赖于Vue CLI、Visual Studio Code或其他文本编辑器/集成开发环境以及Git等工具。这些工具各自承担不同的角色，共同支持Vue项目的开发过程。其中，Vue CLI和Visual Studio Code是最常用的开发工具，它们提供了丰富的功能和插件来支持Vue开发者高效地进行项目开发。

vue3源码学习--调试环境搭建

       Vue3源码调试环境搭建指南

       要深入学习Vue3源码，首先需要在本地搭建一个调试环境。追塑源码以下是详细的步骤：

       1. 克隆项目: 从GitHub上获取官方或你感兴趣的Vue3项目，通常可通过以下命令进行克隆：

       <pre>git clone /vuejs/vue3</pre>

       2. 安装依赖: 项目克隆后，执行安装命令以确保所有必要的构建工具和依赖已准备就绪：

       <pre>cd vue3-project

       npm install

       yarn install (如果项目使用yarn)</pre>

       3. 运行项目: 安装完成后，运行项目以验证是否可以正常启动：

       <pre>npm run serve 或 yarn serve</pre>

       4. 调试模式: 要进行源码级别的调试，你需要配置开发环境，开启调试工具如Chrome DevTools或Vue Devtools：

       <pre>在浏览器中访问:Xin-hai/haiqing-1.git。这个仓库称为源代码仓库，其中dist目录默认不会上传。根据Vue CLI部署指南，需要进行本地预览，确保yarn build打包后的dist目录正确无误。在终端执行官方推荐的命令，启动HTTP服务器访问dist目录。

       由于我使用yarn进行包管理，复仇源码专精因此使用yarn命令进行安装。在新的预览地址中，我比较了文件，发现打包后的css和js文件体积比yarn serve得到未打包的体积更小。检查完dist目录打包无误后，可以关闭预览。

       二、GitHub Pages手动推送更新

       新建一个远程仓库地址用于存放dist目录的相关代码，这个仓库仅用于网页展示，如git@github.com:Xin-hai/haiqing-1-website.git。此仓库最好与源代码仓库名称相似，例如在后面加上-website。

       在vue.config.js中设置正确的publicPath。找到vue.config.js并添加如下代码，将'/my-project/'修改为新建的仓库地址名'/haiqing-1-website/'。

       在项目目录上创建deploy.sh并按照官方写入相关代码。我使用的是yarn，进行了一点小的修改。主要修改的是git push -f git@github.com:Xin-hai/haiqing-1-website.git master:gh-pages这句代码，其中的haiqing-1-website是前面新建的存放dist的仓库，也是用于网页展示的仓库。

       在终端运行sh deploy.sh即可自动部署。代码会上传到haiqing-1-website仓库的gh-pages分支上，此分支会自动开启GitHub的pages功能，稍等片刻就能看到网页链接。注意，源代码仓库不会自动更新，需要自己git push相关代码。

       三、码云部署

       为了优化访问速度，我使用了码云gitee。同样，在码云上新建好仓库后，复制ssh地址，将deploy.sh中的git push -f git@github.com:/.github.io.git master修改为码云的。

       在gitee的服务选项中查看Gitee pages功能。

       ------------------------------------------..补充

       在经历一个星期的实名认证之后，我的码云终于可以使用Gitee page功能了。在推送时，除了修改deploy.sh为如下，还需要将vue.config.js中的仓库地址改为码云中的远程仓库地址如下。

       注意，gitee需要手动更新，每次git push后需要手动更新才能看到效果。

       最后，是我最近做的海青记账的GitHub源代码仓库和Gitee源代码仓库，欢迎大家体验和提出建议。

新款vue-cli之create-vue源码阅读总结

       新款Vue CLI之create-vue源码阅读总结

       create-vue，作为Vue项目的简便启动工具，源码简洁明了。本文将对其核心知识点进行整理。

       使用方式：create-vue通过运行outfile.cjs文件，此文件由package.json中的bin配置指定。

       在package.json设置type: 'module'，表示如果js文件采用ES模块格式编写，无需转换为outfile.cjs。

       模板增量覆盖命令行参数解析：简化版本的vue-cli commander，预设默认参数，如使用预设可跳过问题询问，自动拉取对应模板。

       问题答案统计：prompts收集问题答案，输出成对象形式，与vue-cli中的inquirer功能类似。

       颜色渐变：utils\banner.js中实现终端输出的美丽颜色渐变功能。

       文字颜色格式化：kolorist库，将颜色注入输入/输出，相当于vue-cli中的chalk。

       pinia：更简洁的状态管理方案。

       vitest：详细信息见相关文章。

       git submodule：常规操作，playground文件夹即为一个submodule。

       js语法书写shell：以js形式编写shell脚本，例如scripts\snapshot.mjs需先执行npm run build。

       pnpm：自行搜索了解。

       husky7：git hooks相关。

       npm-run-all：自行搜索了解。

       cypress：自行搜索了解。