prettier

vscode格式化Vue出现的问题

由 大憨熊 提交于 2020-08-14 02:32:19
一、VSCode中使用vetur插件格式化vue文件时，js代码会自动加上冒号和分号 本来就是简写比较方便舒服，结果一个格式化回到解放前 最后找到问题原因： 首先，vetur默认设置是这个样的。也就是很多是用的prettier插件。 　　 解决办法1 (最快的解决办法) 把"vetur.format.defaultFormatter.js": "prettier",改为 "vetur.format.defaultFormatter.js": "vscode-typescript" 参考自 记一次vscode升级后，格式化Vue出现的问题 但是这样就没有用到 Prettier 这个酷酷的东西，于是自己打算继续研究 解决办法2 (踏实的解决办法) 一打开 Prettier 官网，阔怕全是英文，还是硬着头皮上 (1)安装 yarn安装 yarn add prettier --dev --exact 或者全局安装 yarn global add prettier 或者npm(当然cnpm也可以) npm install --save-dev --save-exact prettier 或者全局安装 npm install -- global prettier (2)新建.prettierrc.json配置文件放在vue项目的root目录下(也就是和README.md文件同一目录) (3

写一个axios-ts吧！学习Prettier（三）

由 喜夏-厌秋 提交于 2020-08-13 09:56:06
导航 写一个axios-ts吧！学习Rollup（一） 写一个axios-ts吧！Rollup搭建typescript库（二） 写一个axios-ts吧！学习Prettier（三） Prettier是什么 Prettier 是一个代码格式化的工具，它会按照某一规范格式化代码。 为什么要使用Prettier 我的理解 通用的样式指南比团队讨论的要好，与其浪费大量时间讨论，不如 npm i 一下。所以为什么不用其他的而是用 Prettier 呢？ Prettier 是唯一全自动化的。希望停下讨论风格，虽然是有效的，但是时间浪费太多。到底用哪种风格，单引号还是双引号？不要再研究了，换个思路，我们要不要使用 Prettier ？只要大家选择同意就可以了。 使用 Prettier 的好处就是： 节省时间 避免低级错误 只管写代码，格式化交给 Prettier 结合 githook 减少 PR 中的样式问题 跟其他工具良好的结合 总之一句话，格式化用 Prettier 就对了。 怎么使用 官方文档 prettier官网 开始学习 ClI 使用 prettier 命令运行 Prettier ，选几个常用的，具体移步 prettier官网 --check / -c 检查文件是否已格式化，将结果打印到控制台，错误码： 0: 正确 , 1: 格式不正确 , 2: prettier出现错误 。

Medux+React+Antd4+Hooks+Typescript开箱即用通用后台(下)

由 夙愿已清 提交于 2020-08-09 07:41:42
项目地址： medux-react-admin 点击在线预览 在 上篇 中主要说明了本项目的一些主要思路，现在来看看具体代码：本项目使用 @medux/react-web-router + antd4 开发，全程使用 React Hooks，并配备了比较完善的脚手架。 安装及运行 // 注意一下，因为本项目风格检查要求以 LF 为换行符 // 所以请先关闭 Git 配置中 autocrlf git config --global core.autocrlf false git clone https://github.com/wooline/medux-react-admin.git cd medux-react-admin yarn install 复制代码 以开发模式运行 运行 yarn start ，会自动启动一个开发服务器。 开发模式时 React 热更新使用最新的 React Fast Refresh 方案，需要安装最新的 React Developer Tools。 以产品模式运行 首先运行 yarn build-local ，会将代码编译到 /dist/local 目录 然后进入 /dist/local 目录下，运行 node start.js ，会启动一个产品服务器 Demo 配置不同的运行环境 /conf 目录下可以为不同的运行环境设置不同的配置 /public

vue告警信息：{ parser: "babylon" } is deprecated.

由 ▼魔方 西西 提交于 2020-08-06 06:14:43
告警信息： 13% building modules 28/40 modules 12 active ...dex=0!\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 95% emitting 是prettier版本导致的，直接在项目中：npm install prettier@~1.12.0 -d 然后重新npm run dev 来源： oschina 链接： https://my.oschina.net/u/4405407/blog/4278989

Prettier in VS Code - Format double quotes inside double quotes

由 自作多情 提交于 2020-07-23 08:06:27
问题 I'm using the extension Prettier in VS Code. I want double quotes in the code. The "jsxSingleQuote" and "singleQuote" are set to false. When I run format on this line of code var hello = "\"hello\""; Prettier formats it to: var hello = '"hello"'; I want to keep double quotes and the line of code should not be formatted! Here are the settings: { "arrowParens": "always", "bracketSpacing": true, "endOfLine": "lf", "htmlWhitespaceSensitivity": "css", "insertPragma": false, "jsxBracketSameLine":

Prettier in VS Code - Format double quotes inside double quotes

由 ↘锁芯ラ 提交于 2020-07-23 08:04:45
问题 I'm using the extension Prettier in VS Code. I want double quotes in the code. The "jsxSingleQuote" and "singleQuote" are set to false. When I run format on this line of code var hello = "\"hello\""; Prettier formats it to: var hello = '"hello"'; I want to keep double quotes and the line of code should not be formatted! Here are the settings: { "arrowParens": "always", "bracketSpacing": true, "endOfLine": "lf", "htmlWhitespaceSensitivity": "css", "insertPragma": false, "jsxBracketSameLine":

Prettier & Visual Code settings for Hugo HTML templates

由 ぐ巨炮叔叔 提交于 2020-07-18 04:41:07
问题 I generally like using Prettier with Visual Code. However, Prettier is making me crazy while editing HTML templates for Hugo because it will not preserve the reader friendly formatting of this: {{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }} {{ hugo.Generator }} {{ "<!-- plugins -->" | safeHTML }} {{ range .Site.Params.plugins.css }} <link rel="stylesheet" href="{{ .URL | absURL }} "> {{ end }} {{ "<!-- Main Stylesheet -->" | safeHTML }} {{ $styles := resources

How do you get rid of these SASS linting errors when using Tailwind-CSS?

由 微笑、不失礼 提交于 2020-06-12 03:47:14
问题 I'm using Tailwind in a Gatsby.js project. My environment is VSCode, using Prettier code formatter. How do I get rid of these linting error alerts? 回答1: Solution for both .css and .scss At the root level of your project, update or create a dir .vscode with a file settings.json : Add the following to .vscode/settings.json: { "css.validate": false, "less.validate": false, "scss.validate": false } Install the vscode-stylelint extension install stylelint-config-standard: npm i stylelint-config

lint-staged not running on precommit

由 大城市里の小女人 提交于 2020-05-10 07:25:30
问题 prettier is not running on precommit. This worked with the same configuration in other projects, so I'm baffled why it's not working this time. This is the relevant section of my package.json file: "scripts": { "precommit": "lint-staged" }, "lint-staged": { "*.{js,json,css,scss,html,md}": [ "prettier --write", "git add" ] }, Edit. Here are the relevant devDependencies: "devDependencies": { "husky": "^0.14.3", "lint-staged": "^7.0.4", "prettier": "1.12.0" }, 回答1: The problem for me was I ran "

lint-staged not running on precommit

由 走远了吗. 提交于 2020-05-10 07:25:10
问题 prettier is not running on precommit. This worked with the same configuration in other projects, so I'm baffled why it's not working this time. This is the relevant section of my package.json file: "scripts": { "precommit": "lint-staged" }, "lint-staged": { "*.{js,json,css,scss,html,md}": [ "prettier --write", "git add" ] }, Edit. Here are the relevant devDependencies: "devDependencies": { "husky": "^0.14.3", "lint-staged": "^7.0.4", "prettier": "1.12.0" }, 回答1: The problem for me was I ran "
订阅 prettier