内容简介：最近开始初步学习 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"
}
}
]
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Google 广告优化与工具
宫鑫 / 电子工业出版社 / 2010-7 / 60.00元
《Google 广告优化与工具》全面地阐述了Google AdWords这个高效广告投放平台的各方面内容，包括Google广告的渠道组成、质量得分、关键词和广告语策略、后期跟踪机制以及各种辅助工具的使用等。引导读者一步步建立一个强大的Google搜索引擎营销投放策略。本书案例丰富、知识面广且层次清晰，适用于各个层次的搜索引擎营销优化人员，不论是电商企业的领导人、工作在账户优化第一线的具体操作者、营......一起来看看 《Google 广告优化与工具》 这本书的介绍吧!
