微信web前端开发工具-web前端开发用什么工具

今天开始学习 vue.js

一、开发者工具的安装

在正式开发之前，我们必须要有适合自己的工具。 首先为大家罗列一些市面上常见的开发工具。

1-1、常用前端开发工具

工具

受到推崇的

的优点和缺点

笔记本

1星

电脑自带安装方便微信web前端开发工具，功能太简单

记事本++

2星

适用于开发功能简单的单个小页面

网络风暴

4星

功能强大，适合web前端开发，缺点是要付费，当然可以自己去百度破解解决方案，因为功能太强大了，运行项目比较慢

视觉工作室代码

5星

强大，免费，个人认为最适合前端开发

那么我们选择vscode作为我们的开发工具。

1-2、下载vscode

我们可以直接百度vscode，然后安装

1-2-1、官网下载

我们可以直接去官网下载最新版本。

石头哥推荐官网下载，但是有时候官网下载可能会比较慢，那就直接去百度找安装包

1-2-2、其他下载

可以自行百度“vscode下载”，网上有很多安装包，下载时尽量选择常见的三方下载市场的安装包

1-3、安装vscode

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

安装其实很简单，没什么好说的，我这里只加一点，就是尽量勾选下面的复选框。

安装好后打开，如下图

可能有些同学看到纯英文的界面会觉得不自在，下面教大家怎么说中文。

1-4、vscode使用中文界面

我们的vscode有个插件市场，我们用vscode安装插件很方便，傻瓜式安装

1.插件市场搜索中文

2.点击安装

3、重启vscode

安装完成后在提示框中点击立即重启或者自己手动关闭，然后重启即可。 4.重启后就是中文界面了

二、vscode的常用插件（选择查看）

由于这个vscode插件实在是太强大了，为我们提供了各种好用的插件，所以这里我记录一些常用的插件作为记录。 本节仅作备忘，需要使用相应插件时阅读本节即可。 如果我在后面的章节中使用插件，我也会在视频中教大家如何安装。

2-1、Chinese (Simplified) LanguageChinese

2-2、Live Server实时编译

我们在开发网页的时候，每次都要保存，然后在浏览器中刷新网页，才能看到代码编辑的效果。这样势必会浪费我们的开发时间微信web前端开发工具，所以我们可以使用这样的插件来编译我们的实时编码

安装直播服务器后，我们就完成了代码的编辑，直接ctrl+s保存，就可以在浏览器中实时查看了

如果想省略连ctrl+s保存，需要做如下配置。

只需选择 alterDelay。 通常每 1 秒自动保存一次。

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