Quick-start-cli

通过Quick-start-cli可以快速搭建一个基于webpack的前端项目

脚手架特性

框架支持

• Angular2
• React
• Vue2

CSS预处理语言支持

• less
• sass
• stylus

其他特点

• 本地HTTP服务，不依赖后端服务
• 动态代理后端接口，实现前后端开发完全分离
• 一行命令，打包压缩

使用方法

全局安装

npm install -g quick-start-cli

检测是否安装成功

qs -v

创建一个项目，并根据控制台的提示输入相应内容

qs -c

比如创建一个angular2的项目，整个流程如下：

创建项目：
? 请输入项目名称： my-project
? 请选择项目框架： angular2
? 请选择样式表语言： sass
? 请输入版本号： 1.0.0
? 请输入作者的名称： your name
? 请输入项目简介： demo project
================================================================================
    项目名称：my-project
    项目框架：angular2
  样式表语言：sass
      版本号：1.0.0
        作者：your name
    项目简介：demo project
? 请确认您的项目： Yes
================================================================================
正在创建项目……
** Reading directory for files to copy
** Reading directory for files to copy
** Glob found 21 paths
** 21 paths to copy
** 2 dirs to create
** 19 files to copy
** Glob found 42 paths
** 42 paths to copy
** 10 dirs to create
** 32 files to copy
** Directory structure created
** Directory structure created
** Files copied
--项目模板创建完成--
** Files copied
--项目配置创建完成--
项目创建完成！

安装项目依赖

进入你刚创建的项目，安装项目依赖

cd my-project
npm install

其它

启动项目

npm start

单元测试

npm run test

打包压缩

npm run build