资讯专栏INFORMATION COLUMN

VS code-前端配置_022

cyrils / 2475人阅读

摘要:前端配置简体中文插件,一般会自动识别你的环境,自动提示是否需要简体中文的语言包。使用插件将目前配置保存到上,以后只需要从上获取,就可以一次性安装插件配置信息。

VS code-前端配置

Chinese (Simplified) Language Pack for Visual Studio Code

简体中文插件,一般会自动识别你的环境,自动提示是否需要简体中文的语言包。要是没有提示,就在扩展搜索一下即可。

Settings Sync

Settings Sync

使用插件将目前配置保存到GitHub上,以后只需要从GitHub上获取,就可以一次性安装插件配置信息。

具体怎么配置还需要搜一下网上的配置教程,这样就不会换电脑,或者重装一下vscode 还需要重新配置。强力推荐。。。

https://juejin.im/post/5b9b5a...
https://segmentfault.com/a/11...
Auto Rename Tag

Auto Rename Tag

如题 自动重命名标签 对于前端来说还是很必要的

Auto Close Tag

Auto Close Tag

自动闭合标签

ES7 React/Redux/GraphQL/React-Native snippets

ES7 React/Redux/GraphQL/React-Native snippets

对于用vscode 写react方便跟多 不过一些快捷键的使用需要记住熟能生巧 多用用就记住的了;

具体的快捷键 可以看插件的说明 很详细的表格:

Vue 2 Snippets

Vue 2 Snippets

vue 提高coding 效率插件

Vetur

Vetur

vue 必备插件

ESLint

ESLint

语法检查。前端必备了,不过还需要根据项目配置eslintrc配置一下,否则有时候全是警告,具体为文档和配置可以看官方文档

https://eslint.org/docs/user-...
JavaScript (ES6) code snippets

JavaScript (ES6) code snippets

和刚才的 ES7 React/Redux/GraphQL/React-Native snippets 比较类似,这个主要针对的是ES6;

HTML Boilerplate

HTML Boilerplate

HTML 模板,新建文件的时候 用的上,一些头部标签防止出错

Git History

Git History

查看git历史的插件,很实用必备。

GitLens — Git supercharged

GitLens

查看文件内代码提交历史的插件

gitignore

gitignore

快速把文件加入gitignore,右键选择一下即可;

koroFileHeader

koroFileHeader

在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!觉得插件不错的话

需要配置一下。传送门

VS Color Picker

VS Color Picker
写样式文件的时候必备

Prettier - Code formatter

Prettier - Code formatter

格式化代码插件
配置文件说明:

https://prettier.io/docs/en/c...
Sass

Sass

WakaTime

WakaTime

可以收集coding 工作强度,还会区分git 项目

超越鼓励师

超越鼓励师

超越鼓励师
在 VS Code 中连续写代码一小时(时间可配置),会有杨超越提醒你该休息啦~

提醒自己定时起来活动一下,不要久坐不动;

Power Mode

Power Mode

配置写代码的输入效果,

Material Icon Theme

Material Icon Theme

美化文件图标的插件

Palenight Theme

主题插件

Palenight Theme

Eva Theme

Eva Theme

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105376.html

相关文章

  • 一口气完成electron的入门学习

    摘要:目前类似的工具有,等。在渲染进程中,直接调用原生的接口是十分危险的。这里介绍一种,通过和对象,以消息的方式进行通信。主进程获得消息后,通过返回信息。另外,还提供了一种同步的消息传递方式。打包完成功能代码后,我们需要将代码打成可运行的包。 介绍 目前,使用前端技术开发桌面应用已经越来越成熟,这使得前端同学也可以参与桌面应用的开发。目前类似的工具有electron,NW.js等。这里我们着...

    Ethan815 评论0 收藏0
  • 前端开发 VS Code 上手使用

    摘要:如果想配置开发工具面向前端及开发人员的配置如果想配置开发工具配置及使用技巧所谓网红编辑器,我觉得比来的更爽,因为的所有操作和插件,对于来说也就是一个插件就能无缝兼容。作为一个前端开发,开箱即用的代码编辑高亮提示都十分友好。 如果想配置 sublime 开发工具 => 面向web前端及node开发人员的vim配置 如果想配置 vim 开发工具 => sublime配置及使用技巧 所谓网红...

    Ocean 评论0 收藏0
  • 问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果

    摘要:某某市泽国区推荐二胎查收茶水草两个哈哈啊啊测试平行记账啊啊啊测试不是平行记账啊啊啊按时吃打算大萨达国家体育总部门经济司国家体育总部门测试区划他他他行政数据雷霆崖烈焰是剖切新会计制度期末业务张三事业数据啊啊测试某某市泽国区财政部门测试行政测试 let carr = [{ code: 000, agyTypeCode: 1, name: 某某市泽国区, pi...

    justjavac 评论0 收藏0
  • 问:在指定的JSON数据中(最外层是数组)根据指定条件拿到匹配到的结果

    摘要:某某市泽国区推荐二胎查收茶水草两个哈哈啊啊测试平行记账啊啊啊测试不是平行记账啊啊啊按时吃打算大萨达国家体育总部门经济司国家体育总部门测试区划他他他行政数据雷霆崖烈焰是剖切新会计制度期末业务张三事业数据啊啊测试某某市泽国区财政部门测试行政测试 let carr = [{ code: 000, agyTypeCode: 1, name: 某某市泽国区, pi...

    omgdog 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<