1

image.png
代码工具主要看个人喜欢,如果你还未找到一个自己个人觉得最好用的个人推荐可以试试VSCode,高自由度、又拥有高性能和高颜值,而且vscode还是一款免费并且有团队持续快速更新的代码编辑器。用起来极度舒适,最关键的是,有各路大神制作的插件,代码编辑爽到飞起,下面推荐一些个人常用的十大插件。

1.Auto Rename Tag

image.png
自动重命名配对的HTML / XML标签 ,双标签修改一个另一个同步自动更改,省时省力

2.Chinese(Simplified)Language Pack for Visual Studio Code

image.png
中文简体语言包,如果和我一样的英语小拉拉必须搞一个

3.vscode-icons

image.png
不同的文件后缀展示不同的图标,更清晰直观,见图知意完美

4.### vetur

image.png
语法高亮,智能感知,看着就很nice

5.Auto Close Tag

image.png
标签自动关闭

6.Path Intellisense

image.png
路径提示插件,提示路径下存在的文件,麻麻再也不用担心我找错路径了呢

7.html/css/javascript/vue/npm相关插件

涉及到语言和框架的插件,直接搜索关键词找到最多的下载就不会错喽!

8.sass

image.png
sass必备

9.GitsLens-Git supercharged

image.png
见名知意,可以查看git详情

10.Prettier - Code formatter

image.png
代码格式化工具,可以支持 js/jsx/ts/flow/json/css/less/scss 等文件格式。 按Shift+Alt+F即可格式化代码,如果嫌麻烦可以保存时候自动格式化,需要设置VSCode 左上角 --> 首选项 --> 设置 --> 搜索 Prettier --> 选择“Prettier - Code formatter” --> 在 settings.json 中编辑 --> 添加 "editor.formatOnSave": true

附加:超级鼓励师

image.png
代码敲到脑袋炸,不如换种方式舒缓下,小游戏走起来,提神醒脑后才能更好的发挥头脑风暴呀~~

充分利用插件优点,可以帮助我们快速开发,省下的时间多写点bug它不香吗!


芒果
28 声望5 粉丝

一个头发茂盛的小白程序媛🌻