## 规范内容
- 命名规范：规范项目中的各类命名，保持项目命名格式统一化
- 目录规范：规范项目中的目录结构，保持项目结构统一化
- 注释规范：规范项目中代码的注释，类注释，方法注释以及其他文件注释
- 项目配置：严格控制项目配置，不可随意改动
## 命名规范
项目中的基本命名说明如下，请仔细查看
| name | 例子 |
| -------------- |
一、首先先建立文件main.vue,构建主体1.选择合适的模板element-plus,直接复制2.编写相应的样式<template>
<div class="main">
<el-container class="main-content">
<el-aside> aside </el-aside>
技术栈vuevuexvue-router（子路由）需求分析1）歌手列表点击歌手会跳转到下级页面歌手详情页，歌手详情页由四个部分组成歌手图片返回按钮：点击返回歌手tab页随机播放按钮歌手歌曲滚动 2）歌曲栏向上滚动到顶部时，图片和播放按钮随之隐藏，保留歌手名和返回按钮3）歌曲栏向下拖动时，歌手图片的高度作出无缝增高新的组件singer-detail.vuemusic-list.vuesong-lis
一. 内容简介vue
首页页面二. 软件环境2.1 Visual Studio Code 1.75.02.2 chrome浏览器2.3 node v18.14.0三.主要流程3.1 搭建html结构3.2 添加css样式3.3 js代码3.4 页面展示四.具体步骤4.1 搭建html结构<template>
<div>
<!-- 轮播图 --&g
转载
2024-10-28 22:17:07
42阅读
在美团支付的前端技术体系里，通过预渲染提升网页优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。在前端渲染领域，主要有以下几种方式可供选择：通过对比，同构方案集合 CSR 与 SSR 的优点，可以适用于大部分业务场景。作为以用户体验为首要目标的我们发现了一个体验问题：首屏白屏（SPA都会遇到的问题）浏览器渲染包含 HTML 解析、DOM 树构建、CSSOM 构建、JavaScript 解析
一个DEMOS的完整目录（由于GWF问题，我就不一一打开网站一个个去搜索并且解释了）可以去关注： build build.js（本文来自/p/7096341.html）这个配置文件是命令npm run build 的入口配置文件，主要用于生产环境由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章1 // npm和nod
└── unit 单元测试├── index.js 入口脚本├── karma.conf.js karma配置文件└── specs 单测case目录└── Hello.spec.js环境安装本项目依赖 node.js， 使用前先安装 node.js 和 cnpm（显著提升依赖包的下载速度）。自行下载并安装 node.js： https://nodejs.org/en/download/然后安装
一.开端一个新的vue项目下有着几个文件夹和一些文件。他们都有什么用？应该存放什么？想弄清楚这些问题，我们就需要对vue项目的目录结构有所了解。注意：笔者使用的是最新的@vue/cli 4.5.10版本，使用旧版本（vue-cli 1.x/2.x）构建的项目目录结构会有所不同！二.node_modules文件夹node_modules文件夹是项目的依赖库，项目所需的所有依赖都存放在这个文件夹下，在
转载
2024-07-10 06:46:32
105阅读
[呆子^笔记]用vuepress搭建个人Blog[之一]关于VewPress环境搭建并创建第一个项目项目目录结构 近期需要搭建一个个人Blog，之前用wordpress搭建过公司网站，但是此时觉得太重了。正好看项目组其他同事在用Vue，找到一个VuePress项目，把搭建过程记录一下，分享给小小白们。[呆子^笔记]为了避免读者踩坑，过程会比较细，所有步骤尽量会把环境描述清楚，一是为自己记录一个
转载
2024-03-20 20:21:56
43阅读
总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。 文件结构细分1.build——[webpack配置]build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件
vue组件，数据通信，样式，JS的规范规则。对vue官方风格指南的总结归类并加入自己的规范，在团队小组中使用。1.项目名/文件目录命名：kebab-case（- 连接）：项目名：vue-admin文件目录：table-module2.组件规范：2.1 组件名为多个单词： 组件名应该始终是多个单词的，根组件 App 以及 <transition>、<com
转载
2024-02-19 18:13:22
66阅读
先创建我们的vue项目，然后进入到项目文件my-app中。vue create my-app关于写文档我们使用 vuepress，因为它可以在 Markdown 中使用 Vue 组件。在文档中演示组件的效果非常方便，类似于 element-ui 这样的文档。npm install vuepress在当前目录建相关文件，详细的配置说明可以参考官方文档：vuepress.cn.
├─ docs
│
转载
2024-08-05 21:54:14
37阅读
一，本地搭建快速开始同 VuePress 官网：1，创建新文件夹并进入mkdir vuepress-test
cd vuepress-test2,初始化项目yarn init 或者npm init3, 安装VuePressyarn add -D vuepress 或者 npm install -D vuepress4，Vuepress默认以docs作为根目录，所以README.md是主页新建doc
转载
2024-03-26 10:49:27
402阅读
Vue 是一套用于构建用户界面的渐进式框架，与其它大型的页面框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。安装过程1.从nodejs官网(http://nodejs.cn/download/)下载安装解压到相应的文件夹
转载
2024-07-09 17:41:50
25阅读
├── node_modules # 安装的包
├── public # 静态资源
│ ├── favicon.ico
│ └── index.html
└── src
├── api # 请求接口封装模块
├── assets # 资源目录
├── components # 组件目录
├──
目录详情首先先说下 安装项目以后的目录详情|-- build // 项目构建(webpack)相关代码
| |-- build.js // 生产环境构建代码
| |-- check-version.js // 检查node、npm等版本
| |-- utils.js
目录一、Vue-CLI 项目搭建1、node环境介绍解释型语言和编译型语言文件防篡改校验（拓展）2、nodejs 解释器环境安装3、项目的创建创建vue项目使用什么？vue-cli安装步骤4、使用vue-cli创建项目方式一方式二二、vue项目目录介绍打开项目运行项目vue 项目目录介绍三、es6导入导出语法3.1 App.vue,main.js写了什么3.2 导入导出语法3.3 vue项目编写步
问题一：请说出vue-cli工程中每个文件夹和文件的用处vue-cli目录结构：vue-cli目录解析：build 文件夹：用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库，或者配置一下 UI 库。config 文件夹：主要存放配置文件，用于区分开发环境、线上环境的不同。 常用到此文件
转载
2024-10-03 09:07:43
88阅读
vue3.0部分知识点项目目录结构|-node_modules -- 所有的项目依赖包都放在这个目录下
|-public -- 公共文件夹
---|favicon.ico -- 网站的显示图标
---|index.html -- 入口的html文件
|-src -- 源文件目录，编写的代码基本都在这个目录下
-
1.背景2.基本结构 代码:<template>
<el-container class="home-container">
<!-- 头部-->
<el-header>Header</el-header>
<el-container>
<!--左侧-->
转载
2024-02-26 13:23:16
59阅读
