smy-vue-cli

自定义vue前端脚手架

Usage no npm install needed!

<script type="module">
  import smyVueCli from 'https://cdn.skypack.dev/smy-vue-cli';
</script>

README

smy-vue-cli

基于plop的前端vue工程化脚手架

安装

  • 全局安装
npm i -g smy-vue-cli

创建vue工程

输入创建命令(在你要存放项目代码的目录下执行)

create-smy-vue

根据安装提示进行输入

  • 1、? Please input your project name.

【请输入你的工程名(String类型)】

  • 2、? Please input your project name.

? Please input your project name for Chinese. (项目名称) 【请输入你的中文项目名称(String类型),默认值:项目名称】

  • 3、? Please select your app. (Use arrow keys)
> 【i西安】APP 
  【咱的驻马店】APP 
  【椰城市民云】APP 

【请选择你的APP(是要嵌套H5到哪个app)】

接下来就是程序自动为您创建工程的步骤了


- 下载模版中...
√  getTemplate 下载模版完成.
√  ++ \smy\package.json
√  ++ \smy\vue.config.js
√  ++ \smy\src\main.js
√  ++ \smy\src\router\index.js
√  deleteHbs 完成.

  • 执行步骤讲解

/**
 * 执行动作
 * 1、下载模版 并创建项目
 * 2、根据填写内容,配置package.json
 * 3、配置vue.config.js
 * 4、添加对应app的模版文件
 * 6、清除.hbs文件
 */

执行完后该干嘛?

进入您刚创建好的项目里,安装依赖、运行代码,然后该干嘛干嘛。