Vue — TS项目模拟
最后更新于:2022-04-02 08:11:38
>[success] # VueCli3.0 -- 配置
~~~
1.详情看Vue--模块化方式结构
~~~
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/b9af9d767ca810f2708fa5834ffe3b13_1231x860.png)
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/5bbe535ad14600ebd56575e9990da057_1288x563.png)
>[danger] ##### 创建项目后一些文件配置
~~~
1.tslint.json -- 对ts检查风格的配置。
例如我们想让'tabs'等于两个空格可以配置'rules' 对象规则:"indent": [true, "tabs" , 2],
2.tsconfig.json -- ts一些检查配置,建议在'compilerOptions'
额外配置一个'"noImplicitAny": false'
3.如果使用'vscode' 编码建议在设置配置'autofxi' 查询中的'Edit in settings.json'中增加
"tslint.autoFixOnSave": true -- 保存时候做自动格式
~~~
[参考文章](https://www.w3cschool.cn/typescript/typescript-2.html)
~~~
1.非空断言 (解答为什么使用非空断言)
TypeScript现在有两个特殊的类型:Null和Undefined, 它们的值分别是null和undefined。 以前这是不可能明确地命名这些类型的,但是现在 null和undefined不管在什么类型检查模式下都可以作为类型名称使用。
以前类型检查器认为null和undefined赋值给一切。实际上,null和undefined是每一个类型的有效值, 并且不能明确排除它们(因此不可能检测到错误)。
2.所有的都是null和undefined 子集因此,及时你标注了'string' 类型由于,undefined
也属于string 所以也可以赋值'undefined' ,但不是我们实际想要的
@Prop({ default: 'default value' }) readonly propB!: string
~~~
';