使用vue-cli3创建TypeScript项目步骤

1,365 阅读1分钟

vue脚手架安装参考:cli.vuejs.org/zh/guide/in…
vscode安装参考:code.visualstudio.com/download

使用Typescript编写Vue项目,需要用到官方的vue-property-decorator,这个组件完全依赖于vue-class-component.

1. 如果没有安装 Vue CLI 就先安装,安装指令如下

npm install --global @vue/cli 2. 在项目文件目录下按住shift右键选择‘在此出打开powershell’创建一个新工程,并选择 "Manually select features (手动选择特性)" 选项 vue create my-vue-typescript

3. 选择TypeScript,根据项目需求可选择其他选项

4. 后面步骤根据自己需求选择即可

5. 项目创建完成后cd到对应文件夹,然后输入指令'code .',即可在vscode中打开项目

cd my-vue-typescript
code .

  1. 终端中打开项目

npm run serve