内容简介:最近开始初步学习 React 的一些知识,毕竟宅家这么久,总得开始学习学习新的内容了。“工欲善其事,必先利其器”,因此今天主要是配置 VSCode 的 React 支持,折腾来折腾去,核心的配置大概就如文中所示了。注:此处为一些必须安装的插件,安装后配置才会生效VSCode 有整体的 setting.json 配置和单项目配置,个人还是推荐单项目配置,毕竟自己的开发器可能开发不仅仅就一种语言的吧,因此还是建立如下文件:
最近开始初步学习 React 的一些知识,毕竟宅家这么久,总得开始学习学习新的内容了。“工欲善其事,必先利其器”,因此今天主要是配置 VSCode 的 React 支持,折腾来折腾去,核心的配置大概就如文中所示了。
插件依赖
- Prettier (格式化插件)
- ESlint(格式化插件)
- ES7 React/Redux/GraphQL/React-Native snippets (快捷指令)
注:此处为一些必须安装的插件,安装后配置才会生效
项目配置
VSCode 有整体的 setting.json 配置和单项目配置,个人还是推荐单项目配置,毕竟自己的开发器可能开发不仅仅就一种语言的吧,因此还是建立如下文件:
-- |- .vscode |- settings.json
然后 settings.json 内配置内容为:
{ // 编辑器部分 "editor.tabSize": 2, "editor.wordWrap": "on", "editor.formatOnSave": true, "editor.renderWhitespace": "none", "editor.multiCursorModifier": "ctrlCmd", "editor.defaultFormatter": "esbenp.prettier-vscode", // 默认启用的代码格式化插件 "files.insertFinalNewline": true, /** * 代码配置 */ // eslint 部分 "eslint.run": "onSave", "eslint.format.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.validate": [ "typescriptreact", "typescript" ] }
样式文件配置
因为项目使用的是 prettier 格式化插件,因此我们需要在根目录创建一个 .prettierrc 的文件,然后粘贴一下内容(从 ant design 拷贝过来的,之后根据使用习惯再做修改)
{ "singleQuote": true, "trailingComma": "all", "printWidth": 100, "proseWrap": "never", "arrowParens": "avoid", "overrides": [ { "files": ".prettierrc", "options": { "parser": "json" } } ] }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 配置vscode调试java代码
- 配置eslint规范项目代码风格
- Fabric 1.0源代码笔记 之 configtx(配置交易) #ChannelConfig(通道配置)
- 配置即代码:先有鸡还是先有蛋
- Eclipse配置MyBatis代码自动化功能
- 错误配置致数十家公司源代码泄露
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
数据结构与算法分析
韦斯 (Mark Allen Weiss) / 机械工业出版社 / 2013-2-1 / 79.00元
本书是国外数据结构与算法分析方面的经典教材,使用卓越的Java编程语言作为实现工具讨论了数据结构(组织大量数据的方法)和算法分析(对算法运行时间的估计)。 随着计算机速度的不断增加和功能的日益强大,人们对有效编程和算法分析的要求也不断增长。本书将算法分析与最有效率的Java程序的开发有机地结合起来,深入分析每种算法,并细致讲解精心构造程序的方法,内容全面、缜密严格。 第3版的主要更新如......一起来看看 《数据结构与算法分析》 这本书的介绍吧!