Giter Site home page Giter Site logo

isaacismaelx14 / project-manager-cli Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 80 KB

With this script you have a template for create react components with some default files

License: MIT License

Python 100.00%
python cli components react commad-line isaacismaelx14

project-manager-cli's Introduction

Project Manager CLI ⭐ "Pyhton"

With this script you have a template for create react components with some default files as:

Template example:

Component
├── index.js
├── Component.jsx
├── Component.css
├── Component.test.js

You can create your own template and have support for Typescript's components and to use scss or sass; you can also select if you want to use an index file, style file, test file and if you want your component inside a folder or no

Index 👇

First steps 🦶:

  1. Clone the repository
git clone https://github.com/isaacismaelx14/Project-Manager-CLI.git
cd ./Project-Manager-CLI
  1. Install create_component module
python setup.py install

How to use 👩‍💻:

Create a component with default configuration

create_component <compnent name>

-c, --config: Create a configuration file.

Example:

create_component -c

-d, --destination: Change the default destination.

Example:

create_component <component name> -d <path>

Configuration File ⚙:

You can use the comand create_component -c to create the configuration file.

Example:

PManager.json

{
  "dir": "src/components",
  "lang": "react",
  "component": {
    "lang": "js",
    "component_file_type": "jsx",
    "style_type": "css",
    "use_test": true,
    "use_folder": true,
    "use_index": true
  }
}

Attributes:

lang attribute is not supported yet.

Key Type Value Description
dir String * Path of the folder where you want to create your components
lang String react | angular | vue.js NOT SUPPORTED. This will be used for define the type of component that your project use. Exp: react, angular or vue.js. Now only support for react
component Object lang | component_file_type | use_test | use_folder | use_index contain the component configuration

component:

Key Type Value Description
lang String js | ts define the language of your project js for Javascript and ts for Typescript
component_file_type String jsx | js | tsx define if you want to use js file for your components or jsx file. (if your componet -> lang is ts default is tsx)
use_test Boolean true | false define if you want to create and test file for unit test
use_folder Boolean true | false define if you want that your component's files are inside and folder
use_index Boolean true | false define if you want that your component's folder have an index file to link to your component (useful is you are using a lot of components)

Version 1.2 updates:

  • Now you can install the CLI in your system

To do 📃:

  • create support for angular and vue.js components.

version 1.2

With 💖 by isaacismaelx14

project-manager-cli's People

Contributors

isaacismaelx14 avatar

Watchers

 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.