![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
typescript
文章平均质量分 70
杨乐多dreamer
前端菜鸟的进阶笔记
展开
-
TypeScript学习笔记(三)——贪吃蛇
配置文件1、将之前写好的package.json、webpack.config.js、tsconfig.json 复制到当前目录下2、使用 npm i 初始化环境3、在src目录下新建 index.html 和 index.ts4、安装工具:npm i -D less less-loader css-loader style-loader5、修改相关配置文件:(1)webpack.config.js: // 指定webpack打包时要使用的模块 module:{ //原创 2022-06-02 20:18:48 · 470 阅读 · 0 评论 -
webpack打包ts代码时的各文件配置
1、初始化项目(1)进入项目根目录,执行命令 npm init -y(2)主要作用:创建package.json文件2、下载工具(1)webpack相关npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plugin(2)Babel相关npm i -D @babel/core @babel/preset-env babel-loader core-js3、各文件的配置:(1)w原创 2022-05-29 19:28:14 · 783 阅读 · 0 评论 -
TypeScript学习笔记(二)
TypeScript(二)webpackBabelwebpack1、通常情况下,实际开发中我们都需要使用构建工具对代码进行打包,TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS。2、步骤:(1)初始化项目进入项目根目录,执行命令 npm init -y主要作用:创建package.json文件(2)下载构建工具在终端执行:npm i -D webpack webpack-cli webpack-dev-server typescript ts-原创 2022-05-29 16:15:24 · 211 阅读 · 0 评论 -
TypeScript学习笔记(一)
TypeScriptTypeScript简介TypeScript 开发环境搭建基本类型1、类型声明2、自动类型判断3、类型TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了原创 2022-05-26 19:56:32 · 262 阅读 · 0 评论