2024年2月vue前端最新最全教程

1-3，安装vscode

---

我们上面下载好安装包以后，只需要双击安装即可。

安装其实很简单，没什么说的，我这里只补充一点，就是下面的勾选框尽量全部都勾选。

安装好以后打开，如下图

可能看到纯英文界面，有的同学会感觉到不舒服，那么下面就教大家如何中文化。

1-4，vscode使用中文界面

---

我们vscode有一个插件市场，我们使用vscode安装插件特别方便，傻瓜式安装

• 1，插件市场搜索 chinese

  

• 2，点击安装（install）

  

• 3,重启vscode

  

  安装好以后点击提示框里的Restart Now或者自己手动关闭，然后重启。

• 4,重启以后就是中文界面了

  

二，vscode的常见插件(选看)

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

由于这个vscode的插件太过强大了，为我们提供丰富多彩的好用的插件，所以我这里作为一个备案录，来记录一些常用的插件。这一节只做为备忘录，需要用到相应的插件时再来看这一节就行，我在后面的章节中如果用到插件，也会在视频里教大家如何安装的。

2-1，Chinese (Simplified) Language中文

---

2-2，Live Server 实时编译

---

我们在开发网页时，每次都要保存然后去浏览器里刷新网页，才可以看到代码编辑效果。这样势必大大浪费我们的开发时间，所以我们可以使用这样一款插件，来实时编译我们的代码

安装完live server以后我们代码编辑完，只要点ctrl+s保存，浏览器里就可以实时的查看

如果你想连ctrl+s保存都省略的话，就需要做如下配置了。

选择alterDelay即可。通常是每隔1秒自动保存一次。

这样我们只管写代码，基本上写完代码以后，浏览器就可以通过显示了。