JavaScript开发中常用的代码规范配置文件
2024-08-25 21:50:48
一、jsconfig.json
{
compilerOptions: {
target: 'es6',
experimentalDecorators: true,
allowSyntheticDefaultImports: true,
baseUrl: '.',
paths: {
// "@/*": [
// "./src/*"
// ],
'@assets/*': ['./src/assets/*'],
'@components/*': ['./src/components/*'],
'@config/*': ['./src/config/*'],
'@service/*': ['./src/service/*'],
'@mixins/*': ['./src/mixins/*']
}
},
exclude: ['node_modules', 'dist'],
include: ['./src/**/*']
}
二、.postcssrc.js
// https://github.com/michael-ciniawsky/postcss-load-config
module.exports = {
plugins: {
'postcss-import': {},
'postcss-url': {},
// to edit target browsers: use "browserslist" field in package.json
autoprefixer: {
browsers: ['Firefox >= 10', 'IE >= 8', 'chrome >= 10', 'safari >= 10']
}
}
}
三、.babelrc
{
presets: [
[
'env',
{
modules: false,
targets: {
browsers: ['> 1%', 'last 2 versions', 'not ie <= 8']
}
}
],
'es2015',
'stage-2'
],
plugins: [
'transform-vue-jsx',
['transform-runtime', { polyfill: false }],
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
}
四、 .prettierrc
{
"bracketSpacing": true, // 是否在对象属性添加空格,这里选择是 { foo: bar }
"printWidth": 160, // 指定代码换行的行长度。单行代码宽度超过指定的最大宽度,将会换行,如果都不想换,可以添加 "proseWrap": "never"
"semi": false, // 是否在语句末尾打印分号,这里选择不加
"singleQuote": true // 是否使用单引号,这里选择使用
}
五、 .editorconfig
root = true [*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
六、 .eslintrc.js(强制开启验证模式)
// http://eslint.org/docs/user-guide/configuring
module.exports = {
extends: 'eslint:recommended',
parserOptions: {
sourceType: 'module'
},
parser: 'babel-eslint',
globals: {
// Put things like jQuery, etc
jQuery: true,
$: true,
Swiper: true
},
env: {
browser: true,
commonjs: true,
es6: true,
node: true
},
rules: {
'no-alert': 0,
'no-console': 0,
indent: ['error', 2, { SwitchCase: 1}], // switchcase 解决 switch case 缩进报错问题
'linebreak-style': ['error', 'unix'],
quotes: ['error', 'single']
// "semi": [
// "error",
// "always"
// ]
}
}
最新文章
- 分布式中使用Redis实现Session共享(二)
- 了解HTML表单之form元素
- 后端码农谈前端(CSS篇)第四课:选择器补充(伪类与伪元素)
- mysql-函数if多值多结果判断
- 设计模式六大原则(5)&mdash;迪米特法则
- ASP.NET MVC : Action过滤器(Filtering)
- 【其它】 MathJax - 网页中显示数学公式的终极武器
- bootstrap modal的data-dismiss属性
- sql 清空所有数据
- 你足够了解Context吗?
- ui-router的使用
- [TYVJ] P1026 犁田机器人
- android listview 三种适配器设置
- WWW 资源下载与表单提交
- 07_数据库创建,添加c3p0操作所需的jar包,编写c3p0-config.xml文件,编写User.java,编写jdbcUtils.java实现操作数据库的模板工具类,UserDao编写,Dao
- 再谈.net的堆和栈---.NET Memory Management Basics
- SQLServer之CHECK约束
- mysql 5.6升级到5.7.22
- OpenCV设置保存图像压缩率
- [AH2017/HNOI2017]大佬(动态规划 搜索)
热门文章
- [代码笔记]JS保持函数单一职责,灵活组合
- 腾讯云申请SSL证书与Nginx配置Https
- 基于Django 的 FreeSwitch 开源GUI 管理系统 YouPBX
- ASP.NET MVC 5 實作 GridView 分頁
- 七、Android动画
- 字符串转数字练习--String to Integer (atoi)
- SQL server数据库表碎片比例查询语句
- ANT property三种使用方式
- ASP.NET MVC 下自定义模型绑定,去除字符串类型前后的空格
- Linux:Day20(上) openssh和CA