Bootstrap

vue使用ts 引入组件_Vue项目引入ts步骤(小结)_放手_前端开发者

最近考虑到老项目代码的可维护性以及稳定性,决定引入ts做规范检测。因为介绍的东西比较基础,如果介绍的不对,麻烦指正。

1. 简介

TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持。网上关于ts的学习资料很多,这里不做详细介绍。可参考的学习网站:

ts.xcatliu.com/

typescript.bootcss.com/

2. 安装依赖包

cnpm i typescript ts-loader --save-dev

3. 添加tsconfig.json文件

在项目根目录下添加 tsconfig.json 文件。tsconfig.json 文件用来指定ts的编译选项。配置可参考:

https://typescript.bootcss.com/tsconfig-json.

项目工程 tsconfig.json 文件配置如下:(仅做参考)

{

"compilerOptions": {

"baseUrl": ".",

"experimentalDecorators": true,

"emitDecoratorMetadata": true,

"noEmitOnError": true,

"target": "esnext",

"module": "esnext",

"strict": true,

"allowJs": true,

"noEmit&

;