• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

从0开始学习VUE3 - 02-使用鲁勒普编译以打字打的文件


Recommended Posts

Typescript是什么?

TypeScript是Javascript的超集,遵循最新的ES5/ES6规范。Typescript扩展了Javascript语法。

为什么要用Typescript?

1.Typescript更像后端,语言严谨,适合开发大型企业应用

2.丰富的语法提示

3.编写代码时进行类型检查提前避免错误

三种使用方式

1.全局安装typescript对TS进行编译

新公共管理安装类型脚本-g

tsc - init #户帮我们生成tsconfig.json

tsc #可以将分时(同分时)文件编译成射流研究…文件,会在当前目录下生成射流研究…文件,不写文件名字的话,就全都编译了

tsc -手表#监控分时(同分时)文件变化生成射流研究…文件

liblspmekbf4744.png

2.快速直接看结果,也可以使用 code runner + npm install ts-node

ry4t0p4klqf4745.png

c4e02nvzx404746.png

3.用的多的方式:webpack roolup 等构建工具来处理ts

解析分时(同分时)方式有两种,ts插件,或者巴别塔

卷曲一般用roolup-plgin-typescript2

工具一般用ts-loader或者巴别插件类型脚本

roolup方式详细配置

1.安装依赖

新公共管理安装汇总类型脚本汇总-插件-类型脚本2 @汇总/插件-节点-解析汇总-插件-服务-D

2.初始化TS配置文件

npx tsc - init

3.rollup配置

//rollup.config.js

从"汇总插件类型脚本2"导入分时(同timesharing)

从" @rollup/plugin-node-resolve "导入{节点解析};

从"汇总-插件-服务"导入服务;

从"路径"导入路径

导出默认值{

输入:'src/index.ts ',

输出:{

格式: '生活:

文件:路径。解决(' dist/bundle。js’),

sourcemap:true

},

插件:[

nodeResolve({

分机:['。js ',' .ts']

}),

ts({

tsconfig :路径。解析(_ _ dirname,' tsconfig.json ')

}),

服务({

open:true,

打开: '/public/index页。' html ',

端口:3000,

contentBase: " "

})

]

}

4.package.json配置

脚本' : {

开发' : '汇总-c -w '

}

5.启动服务

新公共管理运行开发

6.报错修改

oevvowwar2j4747.png

dwtfggtsmpc4748.png

Link to comment
Share on other sites