html标签自动对齐,sublime,jsx里的html标签自动缩进对齐的插件或者配置?
解決方案:換了格式化插件 JsPrettier
首先你本地要有node環境支持
1. 先在sublime安裝插件 JsPrettier
Tools -> Command Palette... -> Package Control: Install Package搜索JsPrettier然后安裝
這個不安裝還不能用,搗騰半天才弄好的。
# 我先是用的這個安裝
yarn global add prettier
OR
npm install -g prettier
3. 找到bin-prettier.js的完整路徑
如果用的是yarn安裝路徑是
C:/Users/{用戶名}/AppData/Local/Yarn/Data/global/node_modules/prettier/bin-prettier.js
如果用的npm安裝則目錄是
C:/Users/{用戶名}/AppData/Roaming/npm/node_modules/prettier/bin-prettier.js
4. 修改JsPrettier配置
sublime 執行 Preferences->Package Settings->JsPrettier->Settings - User
然后把下面的代碼復制進去,然后根據自己的情況自行修改了
{
"prettier_cli_path": "C:/Users/{用戶名}/AppData/Roaming/npm/node_modules/prettier/bin-prettier.js",
"node_path": "C:/Program Files/nodejs/node.exe",
"auto_format_on_save": true, //是否保存的時候執行格式化
// "auto_format_on_save_excludes": ["*.js", "*.json"], //不包括
"prettier_options": {
"printWidth": 80, // 換行字符串閾值
"semi": false, // 句末加分號
"singleQuote": true, // 用單引號
"trailingComma": "none", // 最后一個對象元素加逗號
"bracketSpacing": true, // 對象,數組加空格
"jsxBracketSameLine": false, // jsx > 是否另起一行
"arrowParens": "avoid", // (x) => {} 是否要有小括號
"requirePragma": false, // 是否要注釋來決定是否格式化代碼
"proseWrap": "preserve", // 是否要換行
}
}
prettier_cli_path 是第三步bin-prettier.js的完整路徑
node_path 是本地node的路徑
現在可以直接使用了,如果不是自動保存的話可是事實快捷鍵
總結
以上是生活随笔為你收集整理的html标签自动对齐,sublime,jsx里的html标签自动缩进对齐的插件或者配置?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 诺基亚7plus更新android10,
- 下一篇: html兄弟选择器怎么用,CSS的相邻兄