前端入门第一弹 | 开发工具与配置

 一、序言

        首先，我们来聊聊市面上比较流行的前端开发工具，主要是 WebStorm（简称 ws）和 Visual Studio Code（简称 vsc 或 vscode），我比较喜欢用 vscode，主要是它是一个轻量级的开发工具，并且开源，而且兼容的语音比较多，最最最重要的是它免费啊！但是呢它主攻的是前端开发，所以其它对语言不够专业，有时候会出问题，所以你要拿它来开发 Python、C++什么的还是老老实实的用专业的开发工具吧。

二、安装

 好了，进入正题，我们先来安装我们的编辑器，下载链接都放下面了：

WS：https://www.jetbrains.com.cn/webstorm/download/  

VSCode：https://code.visualstudio.com/Download

（国内访问特别慢，所以我把中文网放下面了）

VSCode 中文网：http://vscode.bianjiqi.net/

（需要 vscode 安装包的小伙伴可以在文章下方留言或者联系我，qq：286267038）

在这里我以 VSCode 为例：

安装包下载完以后双击运行安装包

​

然后依次点击“我同意此协议”——>“下一步”

​ 

选择安装路径，默认是 C 盘，然后点击“下一步”

（由于我已经安装了，没有这步所以用一下人家的图）

​

此处默认即可，然后点击“下一步”

（由于我已经安装了，没有这步所以用一下人家的图）

​ 

这里，可以勾选“创建桌面快捷方式”，在桌面上创建快捷方式主要是为了快速打开，如果不需要，直接点击“下一步”即可

​

现在，我们点击“安装”，然后安装程序就开始安装了

安装完以后点击“完成”。好的，现在我们已经成功安装 VSCode 了

三、插件安装

安装完之后双击运行 VSCode，打开 VSCode 以后，有的小伙伴可能一脸懵逼，因为界面都是英文，不过没关系，我们可以安装汉化插件

示例插件：Chinese

首先，我们点击图上的图标

​

然后搜索“Chinese”，回车

​

这样会跳出来两个选项，有简体中文和繁体中文，按照自己的需求选择适合自己的插件就可以了

剩下的插件各位自己探索，毕竟有好多呢~

# 商业转载请联系作者获得授权，非商业转载请注明出处。

# For commercial use, please contact the author for authorization. For non-commercial use, please indicate the source.

# 协议(License)：署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)

# 作者(Author)：FISH_nb

# 链接(URL)：http://124.222.27.9/index.php/2022/04/13/qd1/

# 来源(Source)：FISH|Blog

​