Comparons sublime et vscode ?

Ce qui suit est une colonne tutoriel de sublime pour comparer sublime et vscode J'espère que cela sera utile aux amis dans le besoin !

La raison est que j'ai installé eslint pour vérifier et compléter automatiquement le code. J'ai installé n plug-ins et j'ai toujours eu une erreur. De plus, la version originale crackée de. sublime a récemment ouvert une invite de boîte de dialogue. Alors, avec l’aide d’un ami, j’ai essayé vscode et mon expérience a été parfaite.

1. Comparaison entre sublime et vscode

Avantages de sublime

• Éditeur de développement front-end grand public

• Volume Petit, rapide à exécuter, rapide à démarrer

• Fonction de texte puissante

• Prend en charge la compilation et la sortie peut être vue sur le console

• Un grand nombre de plug-ins peuvent être installés pour répondre à des besoins personnalisés (ctrl+shift+p, ip, recherche d'installation du plug-in)

• Léger, utilisez de petits projets

Inconvénients de sublime :

• Source fermée payante, temps de correction des bogues lent

• Lors de l'installation des plug-ins, seule une liste de plug-ins, affichant une description simple, la configuration du plug-in n'est pas pratique, de nombreux plug-ins sublime2 et sublime3 sont incompatibles

Avantages vscode :

• C'est gratuit, et surtout, ça ne coûte rien.

• Il existe de nombreux plug-ins. Récemment, vscode s'est développé rapidement. Il est pratique et simple d'installer des plug-ins. Il existe des introductions détaillées de plug-ins. 🎜>

Faible utilisation de la mémoire et vitesse de démarrage. La vitesse d'ouverture est relativement rapide
Plateforme complète, avec une forte prise en charge intégrée de JavaScript, TypeScript et Node.js. , C++, C#, Python, PHP et autres langages
Inconvénients du VScode :

Pas assez stable
La vitesse de démarrage et la vitesse d'ouverture ne sont pas aussi rapides que sublimes, elles sont donc plus adaptées aux grands projets.
2. Installation de vscode

Téléchargement du site officiel, installez directement

https://code.visualstudio.com/

3, installation du plug-in vscode couramment utilisé

Affichage--Extension (ou touche de raccourci ctrl+shift+x), entrez le plug-in que vous souhaitez installer dans la zone de saisie, sélectionnez un plug-in, cliquez, les informations détaillées du plug-in seront affichées à droite. Cliquez simplement sur installer et vous avez terminé.

HTML Snippets，提示初级的h5代码片段，标签等
HTML CSS Support，让html标签写上class，智能提示当前项目所支持的样式。
view in browers，ctrl+f1在默认浏览器中，运行当前的html
 vscode-icon，让vscode的文件夹目录添加上对应的图标。（如果不生效，在【文件-首选项-文件图标主题】重新选择设置）
path intellisense，文件路径自动补齐。
npm intellisense，require引用包的补齐
bracket pair colorizer，让括号有独立的颜色
auto rename tag ，修改标签闭合
vetur，vue插件，语法高亮、智能感知、emmet
tortoiseSvn，svn插件
auto close tag，自动添加html、xml关闭标签
beautify，格式化代码
change-case，修改文本的更多明明格式，驼峰命名，下划线分割命名等等
chinese(Simplified)Language Pack for Visual Studio，vscode看不习惯英文的同学，可以下载安装这个，中文简体语言包
color info，在颜色上悬停光标，就可以预览色块中色彩模型的详细信息、
css peek，追踪至样式表中css类和id定义的地方。在html文件右键菜单，单击选择器时，选择“go to definition ”，会跳转到css样式代码段
debugger for chrome，前端调试
eslint,检查js编程中的语法错误
html boilerplate，html模板插件，一键创建html文件
htmlHint，html代码格式检测
image preview，鼠标防在image路劲上，显示图像预览
intelliSense for CSS class names in HTML，把项目中css文件里的名称，智能提示在html中
JavaScript (ES6) code snippets ，es6代码片段提示

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!