如何更好的使用VSCode

VSCode界面功能

按住ctrl键加滚轮进行页面文字的缩放,按下Ctrl+Shift+p在弹出的窗口中选择下面的这一项

在下面一堆代码的任意一行插入下面的代码:

"editor.mouseWheelZoom": true,

保存,这下就可以愉快的进行代码缩放了。


VSCode前端插件系列

Prettier - Code formatter 代码格式化工具,会在JS该添加分号的地方加上分号。

Live Server 保存时,浏览器会自动刷新。

Bracket Pair Colorizer 2 括号高亮。

Chinese (Simplified) Language Pack for Visual Studio Code 适用于 VS Code 的中文(简体)语言包。

ESLint 代码格式化神器,但是我不会用。

jQuery Code Snippets jQuery代码提示。

VS Color Picker 取色工具,十分好用。

removeEmptyLines 自动删除空行


VSCode Node.js代码提示

在项目文件中打开控制台,输入下面代码后,重启VSCode就会有代码提示了。

npm install --save-dev @types/node

如果需要其他框架、模块等等提示,可以至TypeSearch搜索,同样的方法进行导入。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容