前端-VScode安装和使用

---

• 安装汉化插件

• 安装服务器Liver server。类似于tomcat,可以模拟出tomcat类似效果。

• 安装 vetur。vue开发工具，安装后更方便vue的使用。

• vue-helper。方便vue操作

注意：插件安装完成后需要重启vscode

2.2、设置字体大小

---

左边栏 管理-> 设置-> 搜索 “font” -> Font size

修改完后ctrl+s保存。

2.3、开启完整的Emmet语法支持

---

设置中搜索 Emmet：启用如下选项，必要时重启vs

3、创建项目

=====================================================================

3.1、创建空的文件夹

---

vscode本身没有新建项目的选项，所以要先创建一个空的文件夹，如yygh。

然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。

3.2、然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。

---

如下图选择已创建好的文件夹yygh，点击选择文件夹。

3.3、保存工作区

---

打开文件夹后，选择“文件 -> 将工作区另存为…”，为工作区文件起一个名字，存储在刚才创建的文件夹下即可。

3.4、工作区创建成功

---

3.5、创建文件。

---

新建工作区后。点击新建的工作区，创建文件夹demo；在文件夹demo下创建01.html,然后在01.html文件中编写代码。

3.6、在创建的文件01.html中编写代码，然后右键运行

---

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

资料截图 ：

高级前端工程师必备资料包