每个措施员都有一套属于本身的编辑器,一款好用的编辑器带来的不只仅是事变服从的晋升,更有也许让本身的神色越发柔美。
为什么行使VSCode
不为什么,就由于它好用,开源、免费、颜值高,大厂出品气力派,出格是VSC的一次次更新,不少新的特征让人面前一亮,这不得不说是微软的本心产物,并且有许多大牛也都由其他编辑器回头向了VSCode,着实一款编辑器是否优越首要也就是四个方面:
- 可以或许进步我们的事变服从
- 对各类说话的支持怎样,是否必要繁琐的设置
- 是否可以或许扩展,普通点就是插件多不多,好欠好用
- 是否得当本身,事实得当本身步崆最好的
而VSCode前三点无疑都是毋庸置疑的,而第四点我信托用过的人必定都说好。既然VSCode这么强盛,我们越发必要操作好他,来为我们缔造代价!
外面(主题和图标)
为什么把外面放在第一位,由于爱美之心,人皆有之,起首就要把外面打磨好,不必然说何等的花里胡哨,但至少能让本身看的惬意,天天打开电脑就可以或许让本身有打开来写代码的欲望,下面我就来保举下我用的最多的主题插件(以下是es6的Javascript代码片断):
- Dracula Official(凡是是我和fairyFloss切换的一款)
- One Dark Pro(网上看人保举的最多的一款)
- Material Theme(有许多选择,用的人多)
主题许多,接待各人评述区留下你行使的主题
字体
- Fira Code(截图内里就是)
- Input
- Source Code Pro
- Anonymous Pro
- Ubuntu Mono
- Menlo
- Consolas
- Hack
关于字体我之前的一篇文章保举过,各人可以看看参考一下
设置
- "editor.tabSize": 2,//配置Tab键两空格
- "emmet.includeLanguages": {//为HTML和JavaScript启用了emmet
- "html": "html",
- "javascript": "javascriptreact"
- },
- "workbench.iconTheme": "material-icon-theme",
- "files.autoSave": "afterDelay",//配置延时生涯,防备不测丢失
- "files.autoSaveDelay": 5000,//自动生涯的延时时刻
- "editor.wordWrap": "on",
- "editor.formatOnSave": true,//生涯自动名目化
- "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(名目化代码,不能没了它,下面是我对他的设置)
- "prettier.jsxSingleQuote": true,
- "prettier.printWidth": 100,
- "prettier.semi": false,
- "prettier.useTabs": true,
- "prettier.tabWidth": 2,
好用的插件其实太多,设置好你的VSCode,你就可觉得所欲为了。
结论
以上是我在开拓Javascript、NodeJS、React事变的配置,各人有什么好的提议也可以提出来,一路接头进修! 【责任编辑:庞桂玉 TEL:(010)68476606】
点赞 0 (编辑:河北网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|