项目结构和规范

当然可以！以下是将您提供的内容重新组织和格式化后的版本，使其更易于阅读和理解：

---

项目结构

• node_modules: 项目依赖的包所在的目录
• public: 存放 favicon 图标和 HTML 根模板
• src: 项目代码目录
  • api: 请求接口配置
  • assets: 图片、字体等静态资源目录
  • components: 全局组件
  • icons: SVG 图标
  • router: 路由配置
  • store: Vuex 全局状态管理
  • layout: 页面布局相关，主要包括顶部导航、侧边导航和页面主体等
  • style: 公共样式
  • utils: 全局工具库
  • view: 项目页面
  • App.vue: Vue 根挂载点
  • main.js: Webpack 打包入口文件
  • permission.js: 权限配置
  • settings.js: 项目相关配置
• .editorconfig: 编辑器配置
• .env.development: 开发模式环境变量
• .env.production: 生产模式环境变量
• .eslintrc.js: ESLint 配置
• babel.config.js: Babel 配置
• package.json: 项目依赖包清单和项目启动等指令配置
• vue.config.js: devServer 和 Webpack 相关配置

页面布局规范

对于一些页面布局大致相同的页面，如企业详情和个人详情等页面，会将这些页面的样式抽离出来到 pages.scss 文件中。类似的页面和布局请引入其中的类即可。

CSS 规范

1. 命名规范:
   • 请采用有意义的命名，尽量不要出现 123 等数字。
2. 符号规范:
   • 注意区分中英文符号，常见的如 HTML 中中文后的冒号和括号应写成英文的。
3. 组件复用:
   • 类似于分页、结果页、文件上传等多个页面通用的功能，会封装成组件供大家调用，也利于后期的维护和风格统一。不要自己再实现一遍，如对公共组件修改，请考虑对其他页面的影响。

SCSS 规范

1. 嵌套样式:
   • 请尽可能使用 SCSS 提供的嵌套样式规则，使 CSS 和 HTML 结构保持一致，做到逻辑上的对应。
2. 全局样式:
   • 前端 CSS 有根据 UI 设计规范在全局定义了一套规则，如标题和正文颜色、按钮大小颜色等，请参考 styles 目录下的 standard.scss 文件。至少知道哪些是默认设定好的，无需在 CSS 中写无用的代码。

---