1.One Monokai Theme 一款代码风格主题
2.vscode-icons 一款文件图标主题,更好的区分不同类型的文件
3.EdkitorConfig for VS Code 代码格式化插件
4.Bracket Pair Colorizer。不同颜色的括号,更好区分代码块。
5.npm、node
6.代码格式规范插件搭配使用。
需要安装以下依赖
"prettier": "1.14.2",
"redux-logger": "^3.0.6",
"redux-saga-devtools": "^0.3.0",
"stylelint": "^9.6.0",
"stylelint-config-recommended": "^2.1.0",
"tslint": "^5.11.0",
"tslint-config-prettier": "^1.15.0",
"tslint-eslint-rules": "^5.4.0",
"tslint-plugin-prettier": "^2.0.1",
"tslint-react": "^3.6.0",
并配置如下文件
.prettierc
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "avoid"
}
.prettierignore
src/dll
dist/
node_modules/
package.json
package-lock.json
yarn.lock
.stylelinerc
{
"extends": [
"stylelint-config-recommended"
],
"rules": {
"at-rule-no-unknown": null
}
}
.stylelineignore
src/dll
dist/
node_modules/
.tsline.json
{
"defaultSeverity": "error",
"extends": [
"tslint:latest",
"tslint-react",
"tslint-eslint-rules",
"tslint-config-prettier",
"tslint-plugin-prettier"
],
"jsRules": {
},
"rules": {
"prettier": true,
"no-submodule-imports": false,
"no-implicit-dependencies": false,
"no-angle-bracket-type-assertion": false,
"no-object-literal-type-assertion": false,
"jsx-boolean-value": false,
"jsx-no-lambda": false,
"prefer-object-spread": false,
"object-literal-sort-keys": false,
"no-empty-interface": false,
"member-access": false,
"no-var-requires": false,
"prefer-conditional-expression": false,
"no-unused-expression": [true, "allow-fast-null-checks"]
},
"rulesDirectory": []
}
.tslineignore
*.d.ts
vscode基本格式配置文件.editorconfig
# editorconfig.org
root = true
[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
[*.md]
trim_trailing_whitespace = false