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

前端入门第一弹 | 开发工具与配置一 序言首先 我们来聊聊市面上比较流行的前端开发工具 主要是 WebStorm 简称 ws 和 VisualStudio 简称 vsc 或 vscode 我比较喜欢用 vscode 主要是它是一个轻量级的开发工具 并且开

大家好,欢迎来到IT知识分享网。

一、序言

        首先,我们来聊聊市面上比较流行的前端开发工具,主要是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安装包的小伙伴可以在文章下方留言或者联系我,:)

在这里我以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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/151755.html

(0)
上一篇 2025-03-11 21:45
下一篇 2025-03-11 22:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信