前端开发技术栈学习

1.使用技术栈及工具环境

工具环境:NodeJS、VSCode

技术栈:React、React Hooks、ES6、TS、sass or less 、ant design

2.环境安装

2.1.NodeJS

选择安装在D盘,我使用的版本自动会添加环境变量。

前端开发技术栈学习_第1张图片

前端开发技术栈学习_第2张图片

 2.2.Vscode

前端开发技术栈学习_第3张图片

2.3.IDEA 

2.4.安装yarn

前端开发技术栈学习_第4张图片

yarn实际安装失败,原因不明。

3.跑一个示例前后端分离项目

3.1.VSCODE载入前端项目

File->Open Floder指定源代码文件夹

前端开发技术栈学习_第5张图片

 发现有源代码中有很多异常波浪线,分析原因依赖库不全,打开终端

前端开发技术栈学习_第6张图片

输入npm i,完成安装依赖。成功后输入npm start启动

前端开发技术栈学习_第7张图片

 chrom打开地址,输入登陆工号密码,F12跟踪通信超时,查找原因domain.ts中后端配置错误,重新配置,可以登陆成功。

前端开发技术栈学习_第8张图片

3.2.看前端代码

你可能感兴趣的:(JavaScript,前端,学习,前端,javascript)