1.0.3 • Published 2 years ago

dd-vue-cli v1.0.3

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

doodoo-vue-cli前端构建脚手架

dd-vue-cli是一个vue前端项目的脚手架工具,用于构建内部模板的工具

主要功能有:

  • 初始化模版
    • 生成PC、移动端等仓库现有模板
    • 添加本地自定义模板
    • 管理cli的模板

安装

环境: Node.js , npm 3.0+、 Git.

npm install -g dd-vue-cli

如安装过慢,推荐使用国内镜像安装 cnpm


生成模板

安装完成以后,可以在命令行下使用 dd-vue-cli 命令来创建模板,该命令的用法:

$ dd-vue-cli

    Usage: dd-vue-cli <command>
  
  
    Options:
  
      v, --version  Get the cli version
  
  
    Commands:
  
      add|a      Add a project template
      list|l     List all the project templates
      init|i     Generate a new vue-template project
      delete|d   Delete a project template

快捷生成需求模板,使用 dd-vue-cli init 来实现

C:>dd-vue-cli init
                                       
? 选择项目类型:  (Use arrow keys)
> dd-vue-elementui-pc
  dd-vue-vant-mobile
? 选择项目类型:  dd-vue-vant-mobile
? 输入项目名(例: vue-xxx-xxx):  
? 输入项目描述:  

 Start generating...

 √ Generation completed!

 cd dd-vue && cnpm install
  1. 用命令行进入项目开发目录
cd <新建的目录>
  1. 安装依赖项
npm/cnpm install
  1. 启动项目
npm run dev

开发说明

JavaScript Style Guide
使用内置模板,进行项目开发,应对以下内容略有了解

  • 拥有一定的前端基础
  • Vue (了解并掌握Vue基础使用)
  • ES6 (了解基本的import和export模块)
  • Node.js (了解简单构建命令使用即可)
  • Npm (了解依赖包的安装,卸载)
  • Webpack (了解webpack基础知识)

内置模板详情(目录说明,用法等,参照对应项目)

dd-vue-elementui-pc
dd-vue-elementui-pc-admin

##注意

如遇dd-vue-cli init失败,可能网络问题,请稍后重试