时间戳

首页 > 解决方案 > 使用自定义默认模板创建 Vue 项目

vue.js - 使用自定义默认模板创建 Vue 项目

问题描述

我想用 Vue 创建一个样板或一个起始项目的基本版本。当我使用 Vue-CLI 输入创建一个默认的 Vue 项目时，"vue create my-app"它会给我一个HelloWorld.vue带有道具和一些 CSS 的默认模板。

我想做的是为我的作品创建一个自定义的起始项目结构。我可以为此创建一个自定义命令吗？当我使用Vue-CLI. 我需要默认放置一些特定的 npm 包，比如Axios, Vue-Router，Vuex或者为我的一些作品添加更具体的包。

当我键入我的自定义命令时，我希望我的 Vue 项目有这个默认的项目结构。我不想使用 Vue 徽标和一些东西的默认设置HelloWorld.vue，而是想在其上放置我自己的带有不同组件和资产的徽标。

默认情况下我该怎么做？提前致谢。

标签： vue.jsvue-cliboilerplate

解决方案

您可以创建自己的 NPM cli 包，只需将“文件模板”粘贴到输入到 cli 的目录中即可。

有关更多信息，请搜索 Global NPM 包，或查看这篇文章https://medium.com/jspoint/creating-cli-executable-global-npm-module-5ef734febe32。这有点简单，GL！

推荐阅读