tsc --init生成
tsconfig
.
json
后VScode报错
这是因为有了
tsconfig
.
json
后,VScode会自动在include和exclude包含的范围中查找ts文件,如果找不到ts文件就会报错,当在include和exclude范围中添加了ts文件,VScode就不会报错了
当前目录没有ts文件
当前目录添加ts文件后,VScode不报错
由于项目中代码层级比较深,且多。所以相互之间引用起来会比较麻烦,各种 …/,…/…/,…/…/…/ 等等
为了解决这个问题,使用
tsconfig
的 compilerOptions.
path
s 搭配 compilerOptions.baseUrl 来实现,但是遇到设置之后不生效的问题。
可以看到我们的
tsconfig
与 src 是在同级目录,我们的 include 中表示包...
一个npm软件包,仅使用
tsconfig
.
json
文件自动执行打字稿模块中的路径映射。 该软件包实现了 。
此软件包仅用于为最终用户开发项目(例如网站,应用程序等)。 使用此程序包解析npom程序包内部的路径可能会导致严重的问题。 有关更多详细信息,请参见。
首先安装软件包:
npm i --save ts-
path
-mapping
稍后,配置您的
tsconfig
:
" compilerOptions " : {
" outDir " : " ./dist " ,
" rootDir " : " ./src " ,
" baseUrl " : " ./src " ,
"
path
s " : {
" @key-01/* " : [ " folder-01 " ],
tsconfig
.
json
中
path
s 参数对文件路径做了映射,但是编译时并没有把路径替换,所以在此命令中做了处理
yarn add --dev ts-
path
s
npx ts-
path
s build ./ -t
tsconfig
.
json
-d -l 2
build <
path
>
工作目录,处理待编译路径,默认 ./
tsconfig
.
json
文件路径,相对于 build 的路径, 默认 ./
tsconfig
.
json
是否启用 debug,模式,控制台打印日志文件,默认 false
enum LevelMap {
ERROR = 0,
WARN = 1,
INFO = 2,
DEBUG = 3
tsc.ignore 文件
类似.gitignore 文件,添加忽略文件
Error: projects/storefrontapp/src/app/app.module.ts:33:30 - error TS2307: Cannot find module ‘feature-libs/my-lib/src/public-api’ or its corresponding type declarations.
33 import { MyLibService } from ‘f
tsconfig
.
json
详细配置
tsconfig
.
json
文件是 TypeScript 编译器的配置文件,TypeScript 编译器可以根据它的规则来对代码进行编译。
include:指定被编译文件所在的目录。
exclude:指定不需要被编译的目录。
extends:指定要继承的配置文件。
files:指定被编译的文件。
references:项目引用,是 TS 3.0 中的一项新功能,它允许将 TS 程序组织成更小的部分。
compilerOptions
定义项目的运行时期望、Ja
这是一个简单的插件,将使用您在snowpack配置中
tsconfig
.
json
中定义的路径。
我建议使用另一个pugin,因为这是我发布的第一个npm软件包。 而且我不能保证它会在每个用例中都能正常工作。
snowpack.config.
json
"plugins": [
["
tsconfig
-
path
s-snowpack-plugin", {/* See Options */}],
tsconfig
.
json
" compilerOptions " : {
" baseUrl " : " ./ " ,
"
path
s " : {
" @app/* " : [ " src/* " ]
将在构建时转换为:
snowpack.con
在用ts-loader打包????js的时候出现了这个错
错误提示找不到我们对应的文件, 原因是我们使用的是
tsconfig
却要打包js, 只需要把
tsconfig
中的 allowJs 改为true就可以了
"compilerOptions": {
"allowJs": true,
tsconfig
.
json
在其他深层次目录引用utils或者config下的文件时,总是要写一长串的'../../../../',还需要数数。这显然是不能接受的。用过webpack开发的小伙伴们,想想别名功能,typescript这种成熟框架不可能没有。于是百度一波,得到如下配置:
"baseUrl"
当前项目,我们采用vue-cli脚手架搭建的vue3+ts项目,组织完模块之后,发现模块太多了,如果需要默认使用@去代表src目录就会显得比较臃肿和复杂
,所以我需要对一些常用的模块进行别名设置
1.设置vue.config.js
首先对路径进行组装,之后通过alias设置别名
这里我配置的@components代表组件
const {
defineConfig,
} = require("@vue/cli-service");
const
path
= require("pat
Java可以使用
JSON
库来解析和读取
JSON
格式文件。常用的
JSON
库有Gson和Jackson。以下是使用Gson库读取
JSON
文件的示例代码:
1. 导入Gson库
```java
import com.google.gson.Gson;
import com.google.gson.
Json
Object;
import com.google.gson.
Json
Parser;
2. 读取
JSON
文件
```java
// 读取
JSON
文件
String
json
= new String(Files.readAllBytes(
Path
s.get("file.
json
")));
// 解析
JSON
字符串
Json
Parser parser = new
Json
Parser();
Json
Object
json
Object = parser.parse(
json
).getAs
Json
Object();
// 使用Gson库将
JSON
对象转换为Java对象
Gson gson = new Gson();
MyObject myObject = gson.from
Json
(
json
Object, MyObject.class);
其中,MyObject是你定义的Java类,用于存储
JSON
文件中的数据。