项目初始化

目的：把不需要的代码和文件删除掉

1. 重置 src/App.vue 组件中的代码

2. 重置 src/router/index.js 路由模块中的代码

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   ​
   Vue.use(VueRouter)
   ​
   const routes = []
   ​
   const router = new VueRouter({
     routes
   })
   ​
   export default router

3. 清空 src/components 目录和 src/views 目录。

4. 把资料/assets 目录下的 images 文件夹（项目中需要用到的图片）和 global.less，复制到 src/assets 目录下。

5. 在 src/main.js 中导入全局样式表：

   // 导入全局样式
   import '@/assets/global.less'

6. 修改 eslint 配置，.eslintrc.js

   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     // 去掉函数名后面要加一个空格的规则
   + 'space-before-function-paren': 'off',
     // 去掉 vue 组件名称必须是多个单词组成的规则
   + 'vue/multi-word-component-names': 'off'
   }

7. 在 vue 中，开启或关闭 eslint，vue.config.js

   const { defineConfig } = require('@vue/cli-service')
   module.exports = defineConfig({
     transpileDependencies: true,
     // true 表示开启 eslint，但不阻塞项目运行
     // false 表示关闭 eslint
   + lintOnSave: true
   })