Skip to content

M
mould-vuecli3
Commit 144f7d03 authored by lipengcheng 's avatar lipengcheng
Browse files
Options

lint

parent 514d78e6
Show whitespace changes
Inline Side-by-side
Showing with 170 additions and 155 deletions
.eslintrc.js
View file @ 144f7d03
...@@ -4,13 +4,14 @@ module.exports = { ...@@ -4,13 +4,14 @@ module.exports = {
node: true node: true
}, },
extends: [ extends: [
'plugin:vue/essential', "plugin:vue/essential",
'eslint:recommended', "eslint:recommended",
'@vue/prettier', "plugin:prettier/recommended",
'plugin:prettier/recommended' "@vue/prettier",
"prettier"
], ],
parserOptions: { parserOptions: {
parser: 'babel-eslint' parser: "babel-eslint"
}, },
/**add your custom rules here /**add your custom rules here
* 下面这些rules是用来设置从插件来的规范代码的规则，使用必须去掉前缀eslint-plugin- * 下面这些rules是用来设置从插件来的规范代码的规则，使用必须去掉前缀eslint-plugin-
...@@ -21,10 +22,10 @@ module.exports = { ...@@ -21,10 +22,10 @@ module.exports = {
*/ */
rules: { rules: {
// 是否开启prettier校验,默认开启 // 是否开启prettier校验,默认开启
// "prettier/prettier": "off", "prettier/prettier": "warn",
// "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", // "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
'no-console': [0, { llow: ['warn', 'error'] }], "no-console": [0, { llow: ["warn", "error"] }],
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
//缩进风格.默认4，否则会报错 //缩进风格.默认4，否则会报错
indent: [ indent: [
2, 2,
...@@ -33,18 +34,19 @@ module.exports = { ...@@ -33,18 +34,19 @@ module.exports = {
SwitchCase: 1 // 针对switch case的缩进 SwitchCase: 1 // 针对switch case的缩进
} }
], ],
'linebreak-style': ['warn', 'unix'], "linebreak-style": ["warn", "unix"],
'no-irregular-whitespace': [ "no-irregular-whitespace": [
1, 1,
{ skipComments: true, skipTemplates: true, skipRegExps: true } { skipComments: true, skipTemplates: true, skipRegExps: true }
], ],
// 强制双引号 // 强制双引号
// "quotes": ["error", "double"], // "quotes": ["error", "double"],
// 语句强制分号结尾 // 语句强制分号结尾
// "semi": ["error", "always"], // "semi": ["warn", "always"],
// "semi": false, // 不检查语句是否以分号结尾
semi: 0,
// 分号前后空格。默认选项禁止分号之前有空格，强制分号之后有空格。 // 分号前后空格。默认选项禁止分号之前有空格，强制分号之后有空格。
'semi-spacing': [ "semi-spacing": [
1, 1,
{ {
before: false, before: false,
...@@ -52,17 +54,17 @@ module.exports = { ...@@ -52,17 +54,17 @@ module.exports = {
} }
], ],
// 变量声明后必须使用；参数arg不做限制 // 变量声明后必须使用；参数arg不做限制
'no-unused-vars': [ "no-unused-vars": [
1, 1,
{ {
vars: 'all', vars: "all",
args: 'none' args: "none"
} }
], ],
// 禁止对原生对象或只读的全局对象进行赋值 // 禁止对原生对象或只读的全局对象进行赋值
'no-native-reassign': 2, "no-native-reassign": 2,
// 变量声明、数组字面量、对象字面量、函数参数 和 序列中的逗号前不能有空格，后面必须有一个空格 // 变量声明、数组字面量、对象字面量、函数参数 和 序列中的逗号前不能有空格，后面必须有一个空格
'comma-spacing': [ "comma-spacing": [
1, 1,
{ {
before: false, before: false,
...@@ -70,35 +72,35 @@ module.exports = { ...@@ -70,35 +72,35 @@ module.exports = {
} }
], ],
// 是否用驼峰风格命名变量：never || always // 是否用驼峰风格命名变量：never || always
camelcase: ['error', { properties: 'never' }], camelcase: ["error", { properties: "never" }],
// 强制函数括号之前的空格的一致性. // 强制函数括号之前的空格的一致性.
// 每个选项可以设置为 "always"、"never" 或 "ignore" // 每个选项可以设置为 "always"、"never" 或 "ignore"
'space-before-function-paren': [ "space-before-function-paren": [
'warn', "warn",
{ {
// 针对匿名函数表达式 (比如 function () {}) // 针对匿名函数表达式 (比如 function () {})
anonymous: 'always', anonymous: "always",
// 针对命名的函数表达式 (比如 function foo () {})。 // 针对命名的函数表达式 (比如 function foo () {})。
named: 'never', named: "never",
// 针对异步的箭头函数表达式(比如 async () => {}) // 针对异步的箭头函数表达式(比如 async () => {})
asyncArrow: 'always' asyncArrow: "always"
} }
], ],
// 该规则禁止在 return、throw、continue 和 break 语句后出现不可达代码。 // 该规则禁止在 return、throw、continue 和 break 语句后出现不可达代码。
'no-unreachable': 1, "no-unreachable": 1,
// 消除非故意 case 落空行为 // 消除非故意 case 落空行为
'no-fallthrough': 1, "no-fallthrough": 1,
// 在条件语句中，很容易将一个比较运算符（像 ==）错写成赋值运算符（如 =） // 在条件语句中，很容易将一个比较运算符（像 ==）错写成赋值运算符（如 =）
// 所以，该规则禁止在 if、for、while 和 do...while 语句中出现模棱两可的赋值操作符 // 所以，该规则禁止在 if、for、while 和 do...while 语句中出现模棱两可的赋值操作符
'no-cond-assign': [2, 'always'], "no-cond-assign": [2, "always"],
// 强制多行的三目运算符换行 // 强制多行的三目运算符换行
'multiline-ternary': [1, 'always-multiline'], "multiline-ternary": [1, "always-multiline"],
// else关键字要与花括号保持在同一行。 // else关键字要与花括号保持在同一行。
// 'brace-style': 1, // 'brace-style': 1,
// 'block-spacing': 1, //单行代码块两边加空格。 // 'block-spacing': 1, //单行代码块两边加空格。
// 'spaced-comment': 1, //注释首尾留空格 // 'spaced-comment': 1, //注释首尾留空格
'vue/html-indent': [ "vue/html-indent": [
'error', "error",
4, 4,
{ {
attribute: 1, attribute: 1,
...@@ -109,23 +111,23 @@ module.exports = { ...@@ -109,23 +111,23 @@ module.exports = {
} }
], ],
// 是否禁止在正则表达式中出现控制字符 // 是否禁止在正则表达式中出现控制字符
'no-control-regex': 0, "no-control-regex": 0,
// 指定html各种元素、svg、vue组件自闭和标签的规则 // 指定html各种元素、svg、vue组件自闭和标签的规则
'vue/html-self-closing': [ "vue/html-self-closing": [
'error', "error",
{ {
html: { html: {
void: 'never', void: "never",
normal: 'never', normal: "never",
component: 'never' component: "never"
}, },
svg: 'always', svg: "always",
math: 'always' math: "always"
} }
], ],
// 每一行的属性数量 // 每一行的属性数量
'vue/max-attributes-per-line': [ "vue/max-attributes-per-line": [
'error', "error",
{ {
// 单行的话，每行属性的数量 // 单行的话，每行属性的数量
singleline: 2, singleline: 2,
...@@ -137,103 +139,103 @@ module.exports = { ...@@ -137,103 +139,103 @@ module.exports = {
} }
} }
], ],
'vue/multiline-html-element-content-newline': [ "vue/multiline-html-element-content-newline": [
'error', "error",
{ {
ignoreWhenEmpty: true, ignoreWhenEmpty: true,
ignores: ['pre', 'textarea'], ignores: ["pre", "textarea"],
allowEmptyLines: false allowEmptyLines: false
} }
], ],
// 单行元素内容是否换行 // 单行元素内容是否换行
'vue/singleline-html-element-content-newline': [ "vue/singleline-html-element-content-newline": [
0, 0,
{ {
ignoreWhenEmpty: true, ignoreWhenEmpty: true,
ignores: ['pre', 'textarea'], ignores: ["pre", "textarea"],
ignoreWhenNoAttributes: true ignoreWhenNoAttributes: true
} }
], ],
// 多行元素闭合标签（右括号）换行规则 // 多行元素闭合标签（右括号）换行规则
'vue/html-closing-bracket-newline': [ "vue/html-closing-bracket-newline": [
'error', "error",
{ {
singleline: 'never', singleline: "never",
multiline: 'never' multiline: "never"
} }
], ],
// 单行元素闭合标签（右括号）换行规则 // 单行元素闭合标签（右括号）换行规则
'vue/html-closing-bracket-spacing': [ "vue/html-closing-bracket-spacing": [
'error', "error",
{ {
startTag: 'never', startTag: "never",
endTag: 'never', endTag: "never",
selfClosingTag: 'never' selfClosingTag: "never"
} }
], ],
// 属性值引号："double" | "single" // 属性值引号："double" | "single"
'vue/html-quotes': ['error', 'double'], "vue/html-quotes": ["warn", "double"],
// 组件name属性值的格式 // 组件name属性值的格式
// PascalCase:驼峰 || kebab-case:连接线 // PascalCase:驼峰 || kebab-case:连接线
'vue/name-property-casing': ['warn', 'PascalCase'], "vue/name-property-casing": ["warn", "PascalCase"],
// v-bind写法。shorthand：简写 || longform：不缩写 // v-bind写法。shorthand：简写 || longform：不缩写
'vue/v-bind-style': ['error', 'shorthand'], "vue/v-bind-style": ["error", "shorthand"],
'vue/v-on-style': ['error', 'shorthand'], "vue/v-on-style": ["error", "shorthand"],
// html元素中属性顺序 // html元素中属性顺序
'vue/attributes-order': [ "vue/attributes-order": [
'warn', "warn",
{ {
order: [ order: [
'DEFINITION', "DEFINITION",
'LIST_RENDERING', "LIST_RENDERING",
'CONDITIONALS', "CONDITIONALS",
'RENDER_MODIFIERS', "RENDER_MODIFIERS",
'GLOBAL', "GLOBAL",
'UNIQUE', "UNIQUE",
'TWO_WAY_BINDING', "TWO_WAY_BINDING",
'OTHER_DIRECTIVES', "OTHER_DIRECTIVES",
'OTHER_ATTR', "OTHER_ATTR",
'EVENTS', "EVENTS",
'CONTENT' "CONTENT"
] ]
} }
], ],
// 组件中属性的顺序 // 组件中属性的顺序
'vue/order-in-components': [ "vue/order-in-components": [
'warn', "warn",
{ {
order: [ order: [
'el', "el",
'name', "name",
'parent', "parent",
'functional', "functional",
['delimiters', 'comments'], ["delimiters", "comments"],
['components', 'directives', 'filters'], ["components", "directives", "filters"],
'extends', "extends",
'mixins', "mixins",
'inheritAttrs', "inheritAttrs",
'model', "model",
['props', 'propsData'], ["props", "propsData"],
'data', "data",
'computed', "computed",
'watch', "watch",
'LIFECYCLE_HOOKS', "LIFECYCLE_HOOKS",
'methods', "methods",
['template', 'render'], ["template", "render"],
'renderError' "renderError"
] ]
} }
], ],
// 强制在v-on方法后加括号 // 强制在v-on方法后加括号
'vue/v-on-function-call': [2, 'never'], "vue/v-on-function-call": [2, "never"],
// 报告<template>中的语法错误 // 报告<template>中的语法错误
'vue/no-parsing-error': [ "vue/no-parsing-error": [
2, 2,
{ {
'x-invalid-end-tag': false "x-invalid-end-tag": false
} }
], ],
// 去掉检测无用转义的规则 // 去掉检测无用转义的规则
'no-useless-escape': [0] "no-useless-escape": [0]
} }
} }
.prettierrc.js
View file @ 144f7d03
module.exports = { module.exports = {
// 不使用prettier格式化的文件填写在项目的.prettierignore文件中
ignorePath: ".prettierignore",
// 与eslint集成（让prettier使用eslint的代码格式进行校验） // 与eslint集成（让prettier使用eslint的代码格式进行校验）
eslintIntegration: true, eslintIntegration: true,
// 换行长度 // 换行长度
...@@ -7,10 +9,10 @@ module.exports = { ...@@ -7,10 +9,10 @@ module.exports = {
tabWidth: 4, tabWidth: 4,
// 使用tab缩进，默认false // 使用tab缩进，默认false
useTabs: false, useTabs: false,
// 使用分号, 默认true // 是否使用分号, 默认true
semi: false, semi: false,
// 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号) // 是否使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
singleQuote: true, singleQuote: false,
// 行尾逗号,默认none,可选 none|es5|all // 行尾逗号,默认none,可选 none|es5|all
// es5 包括es5中的数组、对象 // es5 包括es5中的数组、对象
// all 包括函数对象等所有可选 // all 包括函数对象等所有可选
...@@ -32,5 +34,10 @@ module.exports = { ...@@ -32,5 +34,10 @@ module.exports = {
// avoid 能省略括号的时候就省略 例如x => x // avoid 能省略括号的时候就省略 例如x => x
// always 总是有括号 // always 总是有括号
arrowParens: 'always', arrowParens: 'always',
endOfline: "auto" // 结尾是 \n \r \n\r auto
endOfline: "auto",
// 在jsx中把'>' 是否单独放一行
jsxBracketSameLine: false,
} }
babel.config.js
View file @ 144f7d03
module.exports = { module.exports = {
presets: ['@vue/cli-plugin-babel/preset'] presets: ["@vue/cli-plugin-babel/preset"]
} }
package.json
View file @ 144f7d03
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^4.5.0", "@vue/cli-plugin-babel": "^4.5.0",
"@vue/cli-plugin-eslint": "^4.5.0", "@vue/cli-plugin-eslint": "^4.5.4",
"@vue/cli-plugin-pwa": "^4.5.0", "@vue/cli-plugin-pwa": "^4.5.0",
"@vue/cli-service": "^4.5.0", "@vue/cli-service": "^4.5.0",
"@vue/eslint-config-prettier": "^6.0.0", "@vue/eslint-config-prettier": "^6.0.0",
...@@ -52,13 +52,14 @@ ...@@ -52,13 +52,14 @@
"commitizen": "^4.2.0", "commitizen": "^4.2.0",
"cz-conventional-changelog": "^3.2.1", "cz-conventional-changelog": "^3.2.1",
"element-ui": "^2.13.2", "element-ui": "^2.13.2",
"eslint": "^6.7.2", "eslint": "^6.8.0",
"eslint-plugin-prettier": "^3.1.3", "eslint-plugin-prettier": "^3.1.3",
"eslint-plugin-vue": "^6.2.2", "eslint-plugin-vue": "^6.2.2",
"husky": "^3.1.0", "husky": "^3.1.0",
"lint-staged": "^10.2.11", "lint-staged": "^10.2.11",
"node-sass": "^4.12.0", "node-sass": "^4.12.0",
"prettier": "^1.19.1", "prettier": "^1.19.1",
"prettier-eslint": "^11.0.0",
"sass-loader": "^8.0.2", "sass-loader": "^8.0.2",
"serve": "^11.3.2", "serve": "^11.3.2",
"standard-version": "^9.0.0", "standard-version": "^9.0.0",
......
src/App.vue
View file @ 144f7d03
...@@ -5,25 +5,30 @@ ...@@ -5,25 +5,30 @@
<side-nav></side-nav> <side-nav></side-nav>
<router-view style="flex:1;border: 1px solid #666;"></router-view> <router-view style="flex:1;border: 1px solid #666;"></router-view>
<right-panel></right-panel> <right-panel></right-panel>
<!-- <video
src="baidsfsfsdfsdfsdfsdfsdfsdfsfsdfsfsfsefsfsfsdfsdfdsfsdfu.com/mp4"
a="afasfsafdfasdfsfad"></video>
<input id="" type="text"
name=""/> -->
</body> </body>
</div> </div>
</template> </template>
<script> <script>
import CommonHeader from '@/components/header/index.vue' import CommonHeader from "@/components/header/index.vue"
export default { export default {
components: { components: {
CommonHeader, CommonHeader,
SideNav: () => import('@/components/sideNav/index.vue'), SideNav: () => import("@/components/sideNav/index.vue"),
RightPanel: () => import('@/components/rightPanel/index.vue') RightPanel: () => import("@/components/rightPanel/index.vue")
}, },
data() { data() {
return {} return {}
}, },
async created() { async created() {
console.log('this.$http:', this.$http) console.log("this.$http:", this.$http)
let result = await this.$http.get('/webapi/home/banner?type=1&category=18') let result = await this.$http.get("/webapi/home/banner?type=1&category=18")
console.log('result:', result) console.log("result:", result)
} }
} }
</script> </script>
......
src/components/header/index.vue
View file @ 144f7d03
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<script> <script>
export default { export default {
components: { components: {
tipPanel: () => import('@/components/header/tipPanel.vue') tipPanel: () => import("@/components/header/tipPanel.vue")
}, },
data() { data() {
return {} return {}
......
src/main.js
View file @ 144f7d03
import Vue from 'vue' import Vue from "vue"
import App from './App.vue' import App from "./App.vue"
import router from './router' import router from "./router"
import store from './store' import store from "./store"
import './registerServiceWorker' import "./registerServiceWorker"
import axios from 'axios' import axios from "axios"
import baseURL from '../config/baseUrl.js' import baseURL from "../config/baseUrl.js"
console.log('baseURL:', baseURL) console.log("baseURL:", baseURL)
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.prototype.$http = axios Vue.prototype.$http = axios
...@@ -15,4 +15,4 @@ new Vue({ ...@@ -15,4 +15,4 @@ new Vue({
router, router,
store, store,
render: (h) => h(App) render: (h) => h(App)
}).$mount('#app') }).$mount("#app")
src/registerServiceWorker.js
View file @ 144f7d03
/* eslint-disable no-console */ /* eslint-disable no-console */
import { register } from 'register-service-worker' import { register } from "register-service-worker"
if (process.env.NODE_ENV === 'production') { if (process.env.NODE_ENV === "production") {
register(`${process.env.BASE_URL}service-worker.js`, { register(`${process.env.BASE_URL}service-worker.js`, {
ready() { ready() {
console.log( console.log(
'App is being served from cache by a service worker.\n' + "App is being served from cache by a service worker.\n" +
'For more details, visit https://goo.gl/AFskqB' "For more details, visit https://goo.gl/AFskqB"
) )
}, },
registered() { registered() {
console.log('Service worker has been registered.') console.log("Service worker has been registered.")
}, },
cached() { cached() {
console.log('Content has been cached for offline use.') console.log("Content has been cached for offline use.")
}, },
updatefound() { updatefound() {
console.log('New content is downloading.') console.log("New content is downloading.")
}, },
updated() { updated() {
console.log('New content is available; please refresh.') console.log("New content is available; please refresh.")
}, },
offline() { offline() {
console.log('No internet connection found. App is running in offline mode.') console.log("No internet connection found. App is running in offline mode.")
}, },
error(error) { error(error) {
console.error('Error during service worker registration:', error) console.error("Error during service worker registration:", error)
} }
}) })
} }
src/router/index.js
View file @ 144f7d03
import Vue from 'vue' import Vue from "vue"
import VueRouter from 'vue-router' import VueRouter from "vue-router"
import Bao3 from '../views/bao3.vue' import Bao3 from "../views/bao3.vue"
import Screenshot from '../views/screenshot.vue' import Screenshot from "../views/screenshot.vue"
import screenshotPanel from '../components/rightPanel/screenshotPanel.vue' import screenshotPanel from "../components/rightPanel/screenshotPanel.vue"
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [ const routes = [
{ {
path: '/', path: "/",
name: 'Bao3', name: "Bao3",
component: Bao3 component: Bao3
}, },
{ {
path: '/about', path: "/about",
name: 'About', name: "About",
// route level code-splitting // route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route // this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited. // which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') component: () => import(/* webpackChunkName: "about" */ "../views/About.vue")
}, },
{ {
path: '/cutter', path: "/cutter",
name: 'Cutter', name: "Cutter",
component: () => import(/* webpackChunkName: "bao1" */ '../views/videoCutter.vue') component: () => import(/* webpackChunkName: "bao1" */ "../views/videoCutter.vue")
}, },
{ {
path: '/bao2', path: "/bao2",
name: 'Bao2', name: "Bao2",
component: () => import(/* webpackChunkName: "bao2" */ '../views/bao2.vue') component: () => import(/* webpackChunkName: "bao2" */ "../views/bao2.vue")
}, },
{ {
path: '/screenshot', path: "/screenshot",
components: { components: {
default: Screenshot, default: Screenshot,
panel: screenshotPanel panel: screenshotPanel
...@@ -40,7 +40,7 @@ const routes = [ ...@@ -40,7 +40,7 @@ const routes = [
] ]
const router = new VueRouter({ const router = new VueRouter({
mode: 'history', mode: "history",
base: process.env.BASE_URL, base: process.env.BASE_URL,
routes routes
}) })
......
src/store/index.js
View file @ 144f7d03
import Vue from 'vue' import Vue from "vue"
import Vuex from 'vuex' import Vuex from "vuex"
Vue.use(Vuex) Vue.use(Vuex)
......
src/views/screenshot.vue
View file @ 144f7d03
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<script> <script>
export default { export default {
name: 'Screenshot', name: "Screenshot",
data() { data() {
return {} return {}
}, },
......
src/views/videoConverterBaby.vue
View file @ 144f7d03
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<script> <script>
export default { export default {
name: 'VideoConverterBaby', name: "VideoConverterBaby",
components: {}, components: {},
props: {}, props: {},
data() { data() {
......
src/views/videoCutter.vue
View file @ 144f7d03
...@@ -10,14 +10,14 @@ ...@@ -10,14 +10,14 @@
</template> </template>
<script> <script>
import VideoPlayer from '@/components/videoCutter/videoPlayer.vue' import VideoPlayer from "@/components/videoCutter/videoPlayer.vue"
export default { export default {
components: { components: {
VideoPlayer VideoPlayer
}, },
data() { data() {
return { return {
name: '' name: ""
} }
}, },
created() {}, created() {},
......
vue.config.js
View file @ 144f7d03
...@@ -4,7 +4,7 @@ console.log(`process.env.NODE_ENV1:`, process.env.NODE_ENV) ...@@ -4,7 +4,7 @@ console.log(`process.env.NODE_ENV1:`, process.env.NODE_ENV)
module.exports = { module.exports = {
// outputDir: process.env.outputDir, // outputDir: process.env.outputDir,
// assetsDir: 'static', // assetsDir: 'static',
publicPath: '/', publicPath: "/",
devServer: { devServer: {
open: true, open: true,
// host: '0.0.0.0', // host: '0.0.0.0',
...@@ -13,10 +13,10 @@ module.exports = { ...@@ -13,10 +13,10 @@ module.exports = {
hotOnly: false, hotOnly: false,
proxy: { proxy: {
webapi: { webapi: {
target: 'https://test2.laihua.com/', target: "https://test2.laihua.com/",
ws: true, ws: true,
changeOrigin: true, changeOrigin: true,
pathRewrite: { '^/webapi': '/' } pathRewrite: { "^/webapi": "/" }
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment