diff --git a/src/v2/guide/typescript.md b/src/v2/guide/typescript.md index d65676dfc0..80a13033ce 100644 --- a/src/v2/guide/typescript.md +++ b/src/v2/guide/typescript.md @@ -12,8 +12,6 @@ A static type system can help prevent many potential runtime errors, especially Since these are [published on NPM](https://cdn.jsdelivr.net/npm/vue/types/), and the latest TypeScript knows how to resolve type declarations in NPM packages, this means when installed via NPM, you don't need any additional tooling to use TypeScript with Vue. -We also plan to provide an option to scaffold a ready-to-go Vue + TypeScript project in `vue-cli` in the near future. - ## Recommended Configuration ``` js @@ -37,11 +35,23 @@ See [TypeScript compiler options docs](https://www.typescriptlang.org/docs/handb ## Development Tooling -For developing Vue applications with TypeScript, we strongly recommend using [Visual Studio Code](https://code.visualstudio.com/), which provides great out-of-the-box support for TypeScript. +## Project Creation + +[Vue CLI 3](https://github.com/vuejs/vue-cli) can generate new projects that use TypeScript. To get started: + +```bash +# 1. Install Vue CLI, if it's not already installed +npm install --global @vue/cli + +# 2. Create a new project, then choose the "Manually select features" option +vue create my-project-name +``` + +## Editor Support -If you are using [single-file components](./single-file-components.html) (SFCs), get the awesome [Vetur extension](https://github.com/vuejs/vetur), which provides TypeScript inference inside SFCs and many other great features. +For developing Vue applications with TypeScript, we strongly recommend using [Visual Studio Code](https://code.visualstudio.com/), which provides great out-of-the-box support for TypeScript. If you are using [single-file components](./single-file-components.html) (SFCs), get the awesome [Vetur extension](https://github.com/vuejs/vetur), which provides TypeScript inference inside SFCs and many other great features. -[WebStorm](https://www.jetbrains.com/webstorm/) also provides out-of-the-box support for both TypeScript and Vue.js. +[WebStorm](https://www.jetbrains.com/webstorm/) also provides out-of-the-box support for both TypeScript and Vue. ## Basic Usage