►
Description
In this first episode of a series we start covering Microsoft Teams Toolkit v5.0 as the tool for creating customizations for Microsoft Teams. In particular, in this video you can learn how to setup Teams Toolkit in Visual Studio Code and how to use it to browse ready to go samples or to create a very basic Teams tab.
A
A
This
is
episode,
number
250
and
I'm
really
proud
of
what
we've
done
so
far.
So
thanks
for
watching
my
videos,
thanks
for
subscribing
to
this
Channel
and
please
stay
tuned,
because
many
more
videos
will
come
in
the
upcoming
future
today.
I
want
to
start
a
new
series
of
episodes
about
the
Microsoft
teams
toolkit
and
specifically
about
version
5
of
the
twins
toolkit
that
Microsoft
recently
released
tips.
Toolkit
is
an
extension
for
visual
studio
code
and
visual
studio
that
you
can
use
to
create
Microsoft
teams,
extensions.
A
You
can
create
a
custom,
configurable
tabs,
personal
tabs
or
applications.
You
can
create
message,
extensions,
both
and
stuff
like
that
and
using
the
teams
toolkit,
you
can
easily
scaffold
Your
solution,
either
from
scratch
or
based
on
a
set
of
predefined
samples
that
you
can
use
to
start
learning
from.
A
It
also
provides
a
really
nice
implementation
of
a
easy
to
use
a
single
sign-on
for
tabs
and
extensions
for
Microsoft
teams.
It
provides
you
an
easy
way
to
deploy
in
an
automated
mode,
all
of
your
Azure
resources
using
a
set
of
pre-generated
bicep
files,
and
it
provides
support
for
multiple
environments
and
settings
so
that
you
can
run
with
the
dev
test
and
production
environments
in
your
development
context.
In
my
opinion,
it
is
a
really
powerful
toolkit
that
you
should
keep
an
eye
on
in
order
to
start
creating
extensions
for
Microsoft
teams.
A
A
You
need
to
search
for
teams
toolkit
once
you
have
done
that
you
can
simply
set
it
up
by
clicking
on
the
install
button
and
in
a
matter
of
few
seconds
you
will
see
the
themes
toolkit
icon,
popping
up
right
here,
as
you
can
see
here.
If
you
click
on
it,
you
can
see
that
you
can
start
creating
a
new
application
or
browsing
a
set
of
samples
provided
out
of
the
box
by
the
team
toolkit
foreign.
A
Just
to
make
an
example,
let's
assume
that
you
want
to
start
from
a
sample
like
the
developer,
Asus
dashboard,
you
can
click
on
it.
You
can
view
the
source
code
on
GitHub
or
you
can
create
the
solution,
meaning
you
can
scaffold
locally.
The
solution
in
your
environment.
You
have
to
choose
a
Target
folder.
This
one
is
totally
fine
and
then
the
teams
toolkit
will
scaffold
locally
on
your
environment,
a
solution
ready
to
go
and
ready
to
play
with.
A
You
will
have
a
redmi
file
with
all
of
the
instructions
to
follow
in
order
to
make
it
possible
to
run
your
solution
and
that's
it,
you
will
be
able
to
play
with
it.
Of
course,
you
can
also
create
a
new
solution
when
you
click
create
a
new
app
in
the
themes
toolkit.
You
have
to
choose
what
kind
of
solution
you
want
to
create.
It
can
be
a
bot,
a
tab,
a
message,
extension
or
an
Outlook
adding,
and
we
will
dig
into
all
of
these
options
in
the
upcoming
episodes
of
this
series.
A
A
You
have
to
trust
the
target
folder
where
diska
folding
happened,
and
then
you
have
again
a
readme
file
with
all
of
the
instructions
that
will
guide
you
through
the
usage
of
these
Auto
generated
sample.
This
is
a
very
basic
one,
because
we
choose
the
basic
one
and
in
the
search
folder
we
simplify
the
app.ts
file.
We
have
an
HTML
view,
which
will
be
the
entry
point
of
our
solution
with
a
paragraph
with
an
ID
Hub
name
and
then
in
the
static
folder.
We
have
a
script
in
the
teamsup.js
file.
A
We
are
using
the
team,
JavaScript
SDK.
We
get
a
reference
to
the
context
of
teams
where
we
are
and
we
get
the
application
name
in
which
the
solution
is
running.
Just
to
update
the
content
of
that
paragraph
Without
name
with
the
name
of
the
application
which
is
hosting
our
solution.
If
we
click
now
on
the
teams
toolkit
right
here,
we
can
see
that
we
have
the
environment
configured
with
a
account
already
created,
but
you
might
have
to
sign
in
into
the
target
attendant.
A
This
is
the
target
micro
satisfy
tenant
that
will
be
used
to
host
Your
solution
when
you
will
develop
and
debug
it,
and
here
you
can
also
find
all
of
the
environments.
You
can
create
new
ones
right
here,
so
that
you
can
have
the
dev
test
environment
I
was
talking
about
before
you
can
create
new
Solutions
view.
A
The
samples
of
beauty
how-to,
guys
and
preview,
your
Solution
by
pressing
F5
as
well
as
you
can
do
the
provisioning,
deploy
and
Publishing
of
your
solution,
which
means
that
in
the
solution
itself,
you
will
find,
if
needed,
in
the
infra
folder
a
set
of
bicep
files,
which
will
have
all
of
the
statements
to
do
the
automated
deployment
of
your
solution.
Moreover,
you
can
also
package
the
solution
in
the
utility
section
so
that
you
can
then
prepare
it
for
the
official
release
to
your
get
customers.
So
this
is
really
really
powerful
environment
and
pull.
A
So
now
we
need
to
trust
an
SSL
certificates,
because
this
is
the
first
time
I'm
running.
The
teams
toolkit
in
my
environment
and
I
will
do
that
and
once
we
are
done
with
the
whole
setting
up
of
the
packages,
the
packaging
of
the
solution
and
the
deployment
in
the
Target
teams.
Environment,
we
will
be
ready
to
play
with
our
custom
team
tab
here
we
are,
we
were
able
to
successfully
execute
all
of
the
steps.
A
So
now
we
can
go
to
the
web
browser,
and
here
we
are,
we
can
sign
in
with
the
credentials
of
a
Target
user,
which
is
valid
for
the
Target
tenant
and
once
we
are
signed
in,
we
can
add
the
solution
to
the
Target
Microsoft
35
teamsters
and
play
with
it.
So
it
is
now
loading
the
team's
client
in
the
browser.
A
Here
we
are
and
we
will
see
the
application
that
we
can
add
to
the
Target
environment.
So
we
are
in
the
apps
page
and
we
can
add
our
tab,
which
is
running
in
the
local
environment.
By
adding
the
tab.
We
will
then
be
able
to
see
its
in
action
and,
of
course,
if
I
will
go
back
to
my
visual
studio
code
and
I
will
update
my
HTML
file
like,
for
example,
I
want
to
say
hello,
psc's
attack
by
episode,
250.
A
I
can
save
my
file.
I
can
refresh
the
page
and
I
will
be
able
to
see
that
I've
actually
updated.
The
solution
I'm
running
from
Visual
Studio
code-
and
we
are
almost
there
here-
we
are
like
always
thank
you
for
watching
this
video
I
hope
you
found
it
interesting
and
I'm
really
looking
forward
to
seeing
you
next
week.
Thank
you.