4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

とにかく1秒でもはやくTypescriptを書きたい!

Last updated at Posted at 2019-11-08

「ちょっとTS書いて試したいだけなのに、いちいち環境設定めんどくせーーんだよ!!!」
って誰かが言ってました。
だれでしょうね。

[2020.1.16 vue-cli 追記]
[2020.6.21 create-nuxt-app 追記]

TypeScript Playground

TypeScript Playground公式 にアクセス
約1秒 で書き始められる

CodeSandbox

CodeSandboxにアクセスして、おもむろに xxx+TS 押下。
約5秒 で書き始められる

スクリーンショット 2019-11-08 19.55.51.png

create-nuxt-app (v2.15.0以降)

npx create-nuxt-app my-app

? Choose programming language の質問で TypeScript を選択

create next app

$ yarn create next-app --example with-typescript my-app
$ cd my-app
$ yarn dev

--exampleオプションで with-typescriptを指定します。
約30秒 で書き始められる

create react app

$ yarn create react-app my-app --template typescript
$ cd my-app
$ yarn start

--typescript オプションを指定します。
約30秒 で書き始められる

vue-cli

# 1. (インストールされていない場合)Vue CLI をインストール
$ npm install --global @vue/cli

# 2. 新規のプロジェクトを作成コマンドを実行後に出てくる選択肢で "Manually select features" を選択して下さい
$ vue create {your-project-name}

約30秒 で書き始められる

参考 https://qiita.com/nunulk/items/7e20d6741637c3416dcd

その他

もっと早い方法あるぜ!ってかたはコメントいただけるとうれしいです。

4
2
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?