每个程序员都有自己的编辑器。一个好用的编辑器不仅可以提高工作效率,还可以让自己心情变好。为什么用VSCode不是理由,因为它好用、开源、免费、高颜值、各大厂商出品的强大产品,尤其是VSC的更新,很多新特性让人眼前一亮,不得不说据说是微软的良心产品,很多大咖都从其他编辑器转向VSCode。其实一个编辑好不好主要看四个方面:能不能提高我们的工作效率。它对各种语言的支持程度如何?是否需要繁琐的配置,是否可以扩展,通俗一点就是插件是不是太多了,适不适合你,毕竟适合你的才是最好的,VSCode的前三点是毫无疑问,第四点我相信用过的人都会说好。既然VSCode如此强大,我们就需要好好利用它,为我们创造价值!外观(主题和图标)为什么要把外观放在第一位,因为每个人都有爱美之心,首先要打磨外观,不一定要多花哨,但至少能让你看起来舒服,每天打开电脑一天可以让自己有打开写代码的欲望。下面我就推荐一下我用的最多的主题插件(以下是es6的Javascript代码片段):fairyFloss(我用的最多的那个)DraculaOfficial(平时我用fairyFloss切换的那个)NightOwl(偶尔用)一个DarkPro(网上推荐最多的一款)MaterialTheme(选择多,用的人多)MaterialIcon(文件图标)主题有很多,欢迎在评论区留下你用的主题字体Fira代码(截图中)InputSourceCodeProAnonymousProUbuntuMonoMenloConsolasHack关于我之前一篇文章推荐的字体,大家可以看一下,参考配置"editor.tabSize":2,//设置Tab两个空格的键"emmet.includeLanguages":{//为HTML和JavaScript启用emmet"html":"html","javascript":"javascriptreact"},"workbench.iconTheme":"material-icon-theme","files.autoSave":"afterDelay",//设置延迟保存,防止意外丢失"files.autoSaveDelay":5000,//延迟时间我用于自动保存”编辑器。wordWrap":"on","editor.formatOnSave":true,//保存自动格式化"editor.formatOnPaste":true,//粘贴自动格式化上面是几个我觉得比较好用的配置插件简单易用,可以考虑下面的BracketPairColorizer(括号的配色,其实我不会不太会用)ESLint(不多说了,太强了)markdownlint(经常写markdown)GitHubPullRequests()GraphQLImportCost(在编辑器中显示导入/需要的包大小)npmIntellisensePathIntellisense(路径自动-completion)IntelliSenseforCSSclassnamesReactNativeToolsTodoTree(这个就不多说了,代码TODO树)VersionLensSettingsSync(可以自己同步VSCode设置、插件、主题等)WordCount(字数统计)DebugforChrome(可以让你直接在VSCode中调试你的Javascript代码,其实我用的不多)Prettier—Codeformatter(格式化代码,不能没有了,下面是我给他的配置)"prettier.jsxSingleQuote":true,"prettier.printWidth":100,"prettier.semi":false,"prettier.useTabs":true,"prettier.tabWidth":2,好用的插件太多了。配置好你的VSCode之后,你可以做任何你想做的事。结语以上是我开发Javascript、NodeJS、React的工作环境。大家有什么好的建议也可以提出来,一起讨论学习!
