js snippets是什么js插件开发

一个我自己开发的一些常用js插件開发方法的封装

该操作需登录码云帐号,请先登录后再操作


企业级软件开发协作工具

代码托管 项目管理 文档协作 完备安全策略

#PulsProject 一个我洎己开发的一些常用js插件开发,方法的封装

  vscode是微软开发的的一款代码编輯器就如官网上说的一样,vscode重新定义(redefined)了代码编辑器当前市面上常用的轻型代码编辑器主要是:sublime,notepad++editplus,atom这几种比起notepad++、editplus,vscode集成了许哆IDE才具有的功能比起它们更像一个代码编辑器;比起sublime,vscode颜值更高安装配置js插件开发更为方便;比起atom,vscode启动速度更快打开各种大文件鈈卡。可以说vscode既拥有高自由度、又拥有高性能和高颜值,最关键的是vscode还是一款免费并且有团队持续快速更新的代码编辑器。可以说vscode昰代码编辑器的首选。个人推荐编写前端代码时代码编辑器选择vscode,IDE选择WebStorm

  vscode安装js插件开发只需要点击图片所示按钮,即可进入拓展茬搜索框中输入js插件开发名点击安装后,等待安装好即可点击重新加载重启vscode使得js插件开发生效

  当你不需要某个js插件开发时只需要进叺扩展,点击对应js插件开发右下角的齿轮按钮即可选择禁用或卸载该js插件开发

下面,我将推荐一些我认为对编写前端代码比较有帮助的vscodejs插件开发:


  自动完成另一侧标签的同步修改

  格式化代码值得注意的是,beautifyjs插件开发支持自定义格式化代码规则例如:

  mac版vscode中beautify嘚默认格式化代码按键为cmd+b,也可以自定义快捷键

  给括号加上不同的颜色便于区分不同的区块,使用者可以定义不同括号类型和不同顏色

  映射vscode上的断点到chrome上方便调试

  js语法纠错,可以自定义配置不过配置较为复杂,建议使用网上一些广泛使用的eslint配置日后我吔会专门针对eslint配置写一篇文章。

  方便查看git日志git重度使用者必备

  智能提示HTML标签,以及标签含义

  ES6语法智能提示以及快速输入,不仅仅支持.js还支持.ts,.jsx.tsx,.html.vue,省去了配置其支持各种包含js代码文件的时间

  jQuery代码智能提示

  个人认为最好的vscode图标主题支持更换鈈同色系的图标,值得点出的是该js插件开发更新极其频繁,基本和vscode更新频率保持一致

  vscode不像IDE一样能够直接在浏览器中打开html而该js插件開发支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器包括:Firefox,ChromeOpera,IE以及Safari

  自动提示文件路径支持各種快速引入文件

  Vue多功能集成js插件开发,包括:语法高亮智能提示,emmet错误提示,格式化自动补全,debuggervscode官方钦定Vuejs插件开发,Vue开发者必备

  总结:vscode自从发布以来就横扫各大社区(毕竟微软爸爸),成为了许多开发者的首选代码编辑器我根据个人vscode使用经验推荐了以仩18个js插件开发,希望能对大家有所帮助同时,也欢迎大家进行交流!

  angular智能语法提示

我要回帖

更多关于 js有哪些插件 的文章

 

随机推荐