ide setting
2018-07-27 13:44
302 查看
vscode
install eslint:npm install -g eslint
editorconfig
root = true [*] charset = utf-8 indent_style = space indent_size = 2 end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true [**.{h,cc,cxx,cpp,proto,lua}] indent_style = space indent_size = 2 table_width = 2 [{**.py,wscript,wscript_*}] indent_style = space indent_size = 4 table_width = 4
eslint
vetur
vscode-element-helper
prettier, format code
config
// Place your settings in this file to overwrite the default settings { "editor.rulers": [ 80, 120 ], "editor.fontFamily": "Monaco, pingfang, Menlo, 'Courier New', monospace", "editor.fontSize": 14, // 行高 // "editor.lineHeight": 17, // 行太长自动换行 "editor.wordWrap": "on", // onFocusChange "files.autoSave": "onFocusChange", "workbench.colorTheme": "Solarized Dark", "search.exclude": { "**/node_modules": true, "**/bower_components": true, "**/dist": true }, "files.associations": { "*.vue": "vue" }, "emmet.syntaxProfiles": { "javascript": "jsx", "vue": "html", "vue-html": "html" }, // eslint设置 "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ], // 保存自动修复, true "eslint.autoFixOnSave": true, // 空格变成...... "editor.renderWhitespace": "all", // "editor.renderWhitespace": "boundary", "editor.cursorBlinking": "smooth", "editor.quickSuggestions": { "strings": true }, // vue format, 还不是很完美, 与 eslint 有冲突 "prettier.singleQuote": true, "prettier.semi": false, "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "wrap_attributes": "force-aligned" } }
key
format
option+shift+f
sb3
{ "bold_folder_labels": true, "color_scheme": "Packages/User/SublimeLinter/Mariana (SL).tmTheme", "default_encoding": "UTF-8", "default_line_ending": "unix", "dpi_scale": 1.0, "draw_minimap_border": true, "fade_fold_buttons": false, "file_size_limit": 4194304, "folder_exclude_patterns": [ "node_modules" ], "font_face": "Monaco", "font_size": 16, "format_timestamp": "%Y%m%d%H%M%S", "highlight_line": true, "highlight_modified_tabs": true, "history_on_close": true, "history_on_focus_lost": false, "history_on_load": true, "history_retention": 0, "ignored_packages": [ "Vintage" ], "linters": { "eslint": { "env": { "PATH": "/usr/local/bin/eslint" } } }, "portable": false, "rulers": [ 80, 100 ], "save_on_focus_lost": true, "show_encoding": true, "show_full_path": true, "spell_check": false, "tab_size": 4, "draw_white_space": "all", "theme": "Default.sublime-theme", "translate_tabs_to_spaces": true, "update_check": false }
相关文章推荐
- IsNullOrEmpty和IsNullOrWhiteSpace的区别
- vscode 代码格式化,语法检查插件ESLint+Prettier ,vue格式化
- 去掉vue 中的代码规范检测两种方法(Eslint验证)
- vue项目关闭eslint校验
- eslint webpack2 vue-loader配置
- webstorm配置eslint注意
- 详解vue-cli中的ESlint配置文件eslintrc.js
- vue-cli的eslint相关用法
- 给vue项目添加ESLint的详细步骤
- JS库 Highlightjs 添加代码行号的实现代码
- 去掉vue 中的代码规范检测两种方法(Eslint验证)
- vue项目关闭eslint校验
- EsLint入门学习教程
- 了解ESlint和其相关操作小结
- 详解create-react-app 自定义 eslint 配置
- pre保持原格式但文本不超出的解决方案