GithubHelp home page GithubHelp logo

ngto / quick-start-cli Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tbhuabi/quick-start-cli

0.0 2.0 0.0 123 KB

快速搭建一个基于webpack的项目,支持angular2,react,vue2等框架,支持sass,less,stylus等css预处理语言。

JavaScript 50.06% CSS 15.65% HTML 9.05% TypeScript 17.73% Vue 7.52%

quick-start-cli's Introduction

Quick-start-cli

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

脚手架特性

框架支持

  • Angular2
  • React
  • Vue2

CSS预处理语言支持

  • less
  • sass
  • stylus

其他特点

  • 本地HTTP服务,不依赖后端服务
  • 动态代理后端接口,实现前后端开发完全分离
  • 一行命令,打包压缩
  • 如果的angular2的项目,你还可以构建当前项目的文档

使用方法

全局安装

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

打开项目文档(暂时只支持angular2的项目)

npm run doc

quick-start-cli's People

Contributors

tbhuabi avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.