typescript学习笔记一：typescript的介绍、安装和运行(1)

或者

yarn global add typescript //前提是安装了yarn

安装完成后，可以输入tsc -v 检查是否安装成功

三、typescript的运行

新建个文件夹，用vscode打开，创建一个index.ts文件，写上最简单的一行ts代码，浏览器是不会支持ts，需要转换成js代码，在下面端口输入tsc index.ts回车运行，文件夹就会自动新加一个index.js文件，如下图：

四、typescript开发工具vscode自动编译

1.在端口输入tsc --init，回车，文件夹下会生成一个tsconfig.json文件，打开tsconfig.json文件，找到outDir,放开outDir，并更改后面的保存位置和保存文件夹的名称，这里我改成./js，把ts编译的文件都放到js文件里面；

2.在index.ts中又写一行代码，此时还不能自动编译，需要配置一下vscode;先点击端口，选择【运行任务】

3.出现运行任务弹窗后，选择【typescript】;

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

. React Redux**

4. React 路由

[外链图片转存中…(img-jcV2H0uj-1714327604631)]