加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

作为程序员,如何将你的VSCode打造的更优雅

发布时间:2019-05-06 13:58:41 所属栏目:建站 来源:最美分享Coder
导读:每个措施员都有一套属于本身的编辑器,一款好用的编辑器带来的不只仅是事变服从的晋升,更有也许让本身的神色越发柔美。 为什么行使VSCode 不为什么,就由于它好用,开源、免费、颜值高,大厂出品气力派,出格是VSC的一次次更新,不少新的特征让人面前一亮

作为措施员,怎样将你的VSCode打造的更优雅

每个措施员都有一套属于本身的编辑器,一款好用的编辑器带来的不只仅是事变服从的晋升,更有也许让本身的神色越发柔美。

为什么行使VSCode

不为什么,就由于它好用,开源、免费、颜值高,大厂出品气力派,出格是VSC的一次次更新,不少新的特征让人面前一亮,这不得不说是微软的本心产物,并且有许多大牛也都由其他编辑器回头向了VSCode,着实一款编辑器是否优越首要也就是四个方面:

  1. 可以或许进步我们的事变服从
  2. 对各类说话的支持怎样,是否必要繁琐的设置
  3. 是否可以或许扩展,普通点就是插件多不多,好欠好用
  4. 是否得当本身,事实得当本身步崆最好的

而VSCode前三点无疑都是毋庸置疑的,而第四点我信托用过的人必定都说好。既然VSCode这么强盛,我们越发必要操作好他,来为我们缔造代价!

外面(主题和图标)

为什么把外面放在第一位,由于爱美之心,人皆有之,起首就要把外面打磨好,不必然说何等的花里胡哨,但至少能让本身看的惬意,天天打开电脑就可以或许让本身有打开来写代码的欲望,下面我就来保举下我用的最多的主题插件(以下是es6的Javascript代码片断):

  • fairyFloss(我行使的最多的一个)

  • Dracula Official(凡是是我和fairyFloss切换的一款)

  • Night Owl(无意行使)

  • One Dark Pro(网上看人保举的最多的一款)

  • Material Theme(有许多选择,用的人多)

  • Material Icon(文件图标)

主题许多,接待各人评述区留下你行使的主题

字体

  • Fira Code(截图内里就是)
  • Input
  • Source Code Pro
  • Anonymous Pro
  • Ubuntu Mono
  • Menlo
  • Consolas
  • Hack

关于字体我之前的一篇文章保举过,各人可以看看参考一下

设置

  1. "editor.tabSize": 2,//配置Tab键两空格 
  2. "emmet.includeLanguages": {//为HTML和JavaScript启用了emmet 
  3.  "html": "html", 
  4.  "javascript": "javascriptreact" 
  5. }, 
  6. "workbench.iconTheme": "material-icon-theme", 
  7. "files.autoSave": "afterDelay",//配置延时生涯,防备不测丢失 
  8. "files.autoSaveDelay": 5000,//自动生涯的延时时刻 
  9. "editor.wordWrap": "on", 
  10. "editor.formatOnSave": true,//生涯自动名目化 
  11. "editor.formatOnPaste": true,//粘贴自动名目化 

以上是很少的我认为较量好用的设置

插件

以下插件是我所用到的,认为较量通用的,尚有许多几何针对差异开拓职员的插件也很好用,各人可以本身琢磨以下

  • Bracket Pair Colorizer(括号的着色匹配,现实上我不怎么用)
  • ESLint(不多说了,太强了)
  • markdownlint(常常写markdown)
  • GitHub Pull Requests()
  • GraphQL
  • Import Cost(在编辑器中表现导入/必要包巨细)
  • npm Intellisense
  • Path Intellisense(路径自动补全)
  • IntelliSense for CSS class names
  • React Native Tools
  • Todo Tree (这个不多说了,代码TODO树)
  • Version Lens
  • Settings Sync(可以同步本身的VSCode配置、插件、主题等)
  • Word Count(字数统计)
  • Debug for Chrome(可以让你直接在VSCode中调试你的Javascript代码,着实我不怎么用)
  • Prettier — Code formatter(名目化代码,不能没了它,下面是我对他的设置)
  1. "prettier.jsxSingleQuote": true, 
  2. "prettier.printWidth": 100, 
  3. "prettier.semi": false, 
  4. "prettier.useTabs": true, 
  5. "prettier.tabWidth": 2, 

好用的插件其实太多,设置好你的VSCode,你就可觉得所欲为了。

结论

以上是我在开拓Javascript、NodeJS、React事变的配置,各人有什么好的提议也可以提出来,一路接头进修!

【责任编辑:庞桂玉 TEL:(010)68476606】
点赞 0

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读