VSCode 和 WebStorm的恩恩怨怨……

2024-02-10 06:30

本文主要是介绍VSCode 和 WebStorm的恩恩怨怨……,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

     作为前端开发人员🐵,想必这两款工具大家应该都很熟悉吧,它们都是一款代码编辑器,但是各自又都有着各自的优缺点,先来谈谈我常用的VSCode吧。

        “VS Code”(全称: Visual Studio Code) 首先,开源且免费!这一点就很香,千万别说免费的东西都不是什么好东西,VSCode可以算是我们前端人员的福音,再加上可以下载安装各种功能插件,直接起飞🛫,再看看它这简约清晰的界面(背景主题是可以自己换的噢)watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oe15oe15oeC5oeC5a2m5YmN56uv,size_20,color_FFFFFF,t_70,g_se,x_16

        那么VSCode到底有什么用呢?别着急,看下文:VSCode是一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器,启动速度以及打开项目速度非常快,可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统,是一款轻量级的编辑器。看完这些,你对它有了一定的了解吗?(VSCode代码区片段)watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oe15oe15oeC5oeC5a2m5YmN56uv,size_18,color_FFFFFF,t_70,g_se,x_16

        关于另一款编辑器WebStorm,这也是编程界神一般存在的“人物”,WebStorm已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等等这些美誉都不为过,但是呢!它是要收费的,是不是突然就不香了,哈哈哈,再跟你说几个WebStorm“不可告人的秘密”,首先,它的启动速度以及打开工程速度缓慢,有时候打开一个小项目都要等1分钟甚至更长时间,更别说一个庞大的项目。还有就是非常吃资源,占用的内存远高于VSCode。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oe15oe15oeC5oeC5a2m5YmN56uv,size_20,color_FFFFFF,t_70,g_se,x_16

        那难道WebStorm不仅要收费还满是缺点?当然不是啦,欲扬先抑才是文章的精髓嘛,WebStorm对第三方库API的支持,快速引入组件(import组件名+回车),自动修改一下不符合eslint的代码,特别明显的就是console.log(),这个在VSCode里面要先敲console再按.然后再敲入log,实在是不舒服,但是在WebStorm里面,直接.log+回车就完事。好了,WebStorm的优点远远不止这么点,毕竟没点真本事也不敢乱收取咱们用户的money对吧,再强调一遍:WebStorm是要收费的噢。

        接下来我还是主推VSCode,因为现如今VSCode的市场占有率要高于WebStorm,加之由于我个人使用的是VSCode,所以我给大家带来了VSCode的下载方式:

点击前往下载VSCode,官网正品发布

这是它的官网首页

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oe15oe15oeC5oeC5a2m5YmN56uv,size_20,color_FFFFFF,t_70,g_se,x_16

 点击Download,进入下一个界面:watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oe15oe15oeC5oeC5a2m5YmN56uv,size_20,color_FFFFFF,t_70,g_se,x_16

然后根据自己的计算机配置来选择下载的版本。关于上期的疑问,今天答案来了:“Just Code”,所以还在犹豫什么呢,感觉下载,上手感受一下来自VSCode的快乐吧 

         好了,其实吧,我觉得工具这个东西呢,只要自己用着顺手就行,哪怕你直接用记事本敲代码也没问题,自己喜欢就好,但是不管你用什么,都要保证自己的效率和具体功能的实现。关于前端前期编辑器方面的准备工作已经交代完毕,接下来的文章将是纯技术性的了,欢迎大家继续关注(凌晨2点还在码文章,救救孩子吧😭),感谢相遇,下期再见✌

 

 

 

这篇关于VSCode 和 WebStorm的恩恩怨怨……的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/696372

相关文章

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

vscode保存代码时自动eslint格式化图文教程

《vscode保存代码时自动eslint格式化图文教程》:本文主要介绍vscode保存代码时自动eslint格式化的相关资料,包括打开设置文件并复制特定内容,文中通过代码介绍的非常详细,需要的朋友... 目录1、点击设置2、选择远程--->点击右上角打开设置3、会弹出settings.json文件,将以下内

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

vscode中文乱码问题,注释,终端,调试乱码一劳永逸版

忘记咋回事突然出现了乱码问题,很多方法都试了,注释乱码解决了,终端又乱码,调试窗口也乱码,最后经过本人不懈努力,终于全部解决了,现在分享给大家我的方法。 乱码的原因是各个地方用的编码格式不统一,所以把他们设成统一的utf8. 1.电脑的编码格式 开始-设置-时间和语言-语言和区域 管理语言设置-更改系统区域设置-勾选Bata版:使用utf8-确定-然后按指示重启 2.vscode

vscode中使用go环境配置细节

1、在docker容器中下载了go的sdk 2、在/etc/profile.d/go.sh里填入如下内容: #!/bin/bashexport GOROOT=/home/ud_dev/goexport PATH=$GOROOT/bin:$PATH  3、设置go env go env -w GOPROXY=https://goproxy.cn,directgo env -w GO

Cannot read property ‘length‘ of null while opening vscode terminal

同一问题地址:Cannot read property ‘length’ of null while opening vscode terminal 问题描述 One day, 我在ubuntu 18.04下用vscode打开一个项目,并想和往常一样在vscode使用终端,发现报错Cannot read property 'length' of null。 解决 打开setting.jso

Anconda环境下Vscode安装Python

这里使用的操作系统为win7/10,安装环境是使用Anconda搭建Python环境,然后在Vscode编辑器中安装Python插件,最终能够在Vscode环境下使用Python。 一、Anconda软件的安装 Anaconda is a completely free Python distribution (including for commercial use and redis

WIN11 ESP32 IDF + VSCODE 环境搭建[教程向]

前言 目录 前言 安装ESP32-IDF VSCODE插件安装 编译测试 很多时候我们想学习一门新的技能,需要使用全新的开发环境,很多时候我们会在安装环境这个环节卡住很久,这里简单介绍一下ESP32+VSCODE环境搭建。 安装ESP32-IDF https://dl.espressif.cn/dl/esp-idf/?idf=4.4 直接复制上面链接,进入idf下载界面。

vscode从本地安装插件

1. 打开VSCode。 2. 点击左侧菜单中的“扩展”(或按Ctrl+Shift+X)。 3. 点击“更多操作”(三个点)> “从VSIX安装”。 4. 选择下载的.vsix文件。 5. 点击“安装”即可安装插件。