200523

最新推荐文章于 2024-06-15 13:38:34 发布

Shizukuu

最新推荐文章于 2024-06-15 13:38:34 发布

阅读量148

点赞数

分类专栏：每日日志

本文链接：https://blog.csdn.net/qq_44199674/article/details/106297433

版权

每日日志专栏收录该内容

54 篇文章 0 订阅

订阅专栏

遇到的问题

tagname不好用
让VScode中的beautify插件不格式化react项目中的jsx代码：把语言模式 JavaScript 改成 JavaScript React

VS Code

插件

HTML Snippets：link+Tab直接引入css
HTML CSS Support：
CSS Modules：对使用了css modules的jsx标签的类名补全和跳转到定义位置
vscode 自动整理所有引用import 不依赖插件：
settings.json中加入配置项： “editor.codeActionsOnSave”: { “source.organizeImports”: true },
cssrem：px转rem
Babel JavaScript：支持 ES201x JavaScript、React、FlowType和GraphQL代码的语法高亮。
JavaScript Atom Grammar：该插件将Visual Studio Code自带的JavaScript语法替换成了Atom编辑器的版本。
DotENV：如果你使用Node，你需要它。DotEnv提供.env文件的语法高亮。
ESLint：这个是最流行的代码风格检查插件，有超过670万的安装量。你可以在.eslintrc.json中配置。
npm：使用package.json来验证已经安装的模块，确保已经安装的模块版本号正确，标记那些安装了但是没有在package.json列出来的包，以及那些还没有安装的包。
Node.js Modules IntelliSense：为JavaScript和TypeScript模块自动补全import语句。
**Path IntelliSense：**虽然并不是真的和Node相关，这个插件可以自动补全文件名，可以在输入时对本地文件进行智能提示。
Node exec：运行你执行当前的Node文件或者选中的部分代码。
View Node Package：通过此插件可以快速查看一个Node包的源代码。
Node Readme：快速打开npm包文档。
Search node_modules：搜索node_modules里面的代码，标准的搜索是不会包含该文件夹的。
Paste JSON as Code：快速将JSON数据转换为JavaScript代码。
使用：
1.打开你想要保存bean/struct/class 的文件。
2.将你需要转换的json贴入
3.ctrl+shift+p，键入"Paste JSON as Code"，回车
4.输入你想要的struct/class 名，然后回车
5.(optional) 如果你已经设置了文件扩展名，他会自动识别你想要转换的代码。否则需要选择语言
Prettier - Code formatter：一款格式化js、css代码插件
JS Refactor：提供许多重构JavaScript代码的实用方法和操作，例如抽取变量和方法，把现有代码转为使用箭头函数和模板字符串的等价形式，导出函数等。
Code Spell Checker ，强烈推荐，对大部分非英语母语又不想写出四不像变量名的程序员来说，正确识记拼写各种单词还是有不小的挑战，比模棱两可时需要去查在线词典不同的是，这款插件能实时的识别单词拼写是否有误，并给出提示，不少 bug 都是因为拼写错误导致的。
CSScomb：CSS 属性书写顺序.
推荐腾讯 AollyTeam
1.在 setting.json 中添加 csscomb.preset:{}
2.把配置填入花括号内

想单独分离json文件，但是没有成功。