bitdev-vscode-extension

KO | EN

gitlite — search

#javascript #python #golang #machine-learning #docker #java #nodejs #windows #cli #awesome-list #vue #pytorch #security #openai

bitdev-vscode-extension

(★ 11)

A Bit.dev extension for VSCode

bitdev-vscode-extension Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Bitdev
### Components easily managed with vscode

### :construction: This extension is still under development

## Getting started
### Step 0: Things to keep in mind
Make sure that you are inside the project that has bit (meaning the .bitmap is in the root folder of the workspace). Currently this is a limitation for now.

### Step 1: Installing bit
You can install [Bit](https://github.com/teambit/bit) globally using this command:
```bash
# using npm
npm install -g bit-bin
# or using yarn
yarn global add bit-bin
```

### Step 2: Login
To login to your [Bit.dev](http://bit.dev/) account follow these steps:
1. Make sure you have a [Bit.dev](http://bit.dev/) account.
2. Ctrl+Shift+p in VScode to open the Command Palette.
3. Type `Bit Login` and hit enter

This command will create a new terminal instance and call `bit login` command, follow the shown instructions in order to complete the login process.

### Step 3: Init Bit project
> If you **already initialized** your project with bit.dev, you can skip this step.

In order to use [Bit](http://bit.dev/) you just need to initialize your project. There is a command palette for this called:
```
Bit: Setup
```

### Enjoy bit
Happy coding!

## Guide
### Commands
#### 1. Init bit project
```
Bit: Setup
```
#### 2. List components

This command will help you find your component's files easily.
```
Bit: List components
```
Once you run it, it will show you all the components of your project. Clicking on one of the components, will prompt the diffrent files of that component. Choose the file that you want to open.

#### 3. Add a component

Before running this command make sure:
1. You isolated your component in a folder
2. You open one of the component files

```
Bit: Add component
```

#### 4. Import a component

It's really easy to import a component, you just need to use this command

```
Bit: Import component
```

> Tip: if you want to specify the owner or the scope of the component use this syntax
```
[owner.scope] component-name
```

Example: if the **owner** is 'john', **scope** is 'react', **sub-collection** is 'components' and the **component name** is 'flex'

```
[john.react] components/flex
```

#### 5. Login into bit.dev
```
Bit: Login
```

# TODO
- [x] Untrack a component (context menu)
- [ ] Publish all components button
- [ ] Tag all components button
- [ ] Tag component (context menu)

# Contribution
Try to explore things yourself. We are open for improvements.

bitdev-vscode-extension

bitdev-vscode-extension Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

bitdev-vscode-extension

bitdev-vscode-extension Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README