基本简介 yicode-cli " 让 vue2 再次伟大！vue 一站式项目解决方案开发脚手架！" 文档地址 请展开 开源项目/yicode 仓库地址 " github 仓库地址 https://github.com/chenbimo/yicode-cli" " gitee 仓库地址 https://gitee.com/chenbimo/yicode-cl

快速入门 推荐全局安装 yicode-cli 工具，可以更加方便地开发项目，升级工具，节省磁盘空间。 安装脚手架 code-group npm pnpm yarn 使用帮助 无他，唯 yicode 一个命令而已。 " 任何操作，只需要输入 yicode 并回车，然后选择你需要的一切。" ==如果当前目录不是已经存在的 yicode-cli 创建的项目，则会显

项目结构 bash /** 此文件为应用核心入口文件; 一般情况下，不需要动此文件; 如果需要添加第三方模块; 请到plugins目录下操作; */ // 核心库 import Vue from 'vue'; // 全局路由 import router from '@/router/index.js'; // 全局存储 import vuex from '@

项目路由布局 yicode 项目，默认采用 页面结构即路由 的方式来进行路由组装，我们不需要过多考虑路由方面的问题，一切，都已就绪。 页面结构 如下， 页面访问 那么，我们如何访问首页和详情页呢？ /detail 即可，页面结构即路由 页面路由（将“骨”，“架”连为一体） 如你所见，yicode 不仅提供了项目组织的方式，还提供了大量的【自动化】操作，比如：

命令说明 所有命令均由yicode开始 查看版本 yicode 升级 code-group npm npm yarn 执行此命令，可更新 yicode 版本。 初始化项目模板 启动开发环境 执行打包编译 " 打包编译为发布到测试或线上地址时使用的命令，将会在 dist 目录下生成所有发布资源。" 创建页面、组件、路由、指令、过滤器 执行此命令后，将会自动生成

vue-cli 的困境 vue-cli 是 vue 框架官方脚手架。很多用过 vue-cli 的同学，能够体会到使用它进行 vue 项目开发的灵活，方便之处。我本人 2018 年才开始使用 vue-cli 进行项目开发，作为官方的项目脚手架工具，通用性没得说。用了一段时间后，我慢慢也发现了 vue-cli 的一些不足之处，也可以说是，这种国际性通用工具的普遍

yicode-cli 解决了哪些问题 大部分时候，我们使用一个新工具之前，最先需要考量的，就是这个工具解决了什么问题。 自动导入 【自动导入】是 yicode-cli 的核心特性之一。 路由、插件、api、样式、环境变量、全局组件、全局指令、全局过滤器等等，都是自动导入的。 举个例子，使用 yicode-cli，我们再也不用写下面这种路由文件了。 所有的路由

目录说明 基于 yicode 的项目，目录结构都有其特定含义，请同学们仔细阅读以下说明，以便更加熟练地使用 yicode 开发项目。 assets 内部资源目录 所谓的内部资源，就是项目会被项目依赖，并进行统一打包和构建的非代码类资源。 如：图片，音频，视频，字体等。 结构如下： static 外部资源目录 所谓的外部资源目录，就是不会被项目依赖，不会进行统

路由管理 路由管理，对于一般项目，关系不大。 因为，yicode 会自动加载路由，从工具层面，屏蔽了这细节。 其他项目的路由管理如下： 使用 yicode 后，路由分散到了每个页面目录的 route.js 下，同时变成如下： 不管是管理方式还是维护，都方便了很多。 不过，目前 yicode 的路由模式还不够强大，作者正在推出更强大，适用场景更多，适合更大型项

构建打包 速度