# vue-app

**Repository Path**: zhangcscc/vue

## Basic Information

- **Project Name**: vue-app
- **Description**: vue相关技术栈、vue2、vue3
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: https://zhangcs.cc/vue/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-17
- **Last Updated**: 2024-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, TypeScript, vite

## README

Node.js中文地址：http://nodejs.cn/

### 项目版本说明

```
node版本：>= 6.0

vue脚手架版本：2.9.6
npm install -g vue-cli

vue.js版本：2.5.2

webpack版本：^3.6.0

基于UI框架：element-ui (版本：^2.13.0)
```

### 线上地址

地址访问地址：http://www.zhangcs.cc/vue/

### Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run start

# build for production with minification
npm run build

# deploy
npm run deploy
```

### Vue 单文件组件(SFC)

解释：Vue Single-File Component (SFC) 

简介：`.vue` 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 `.vue` 文件包含三种类型的顶级语言块 `<template>`、`<script>` 和 `<style>`，

vue-loader 解析 .vue文件

vue-loader 会将`.vue`文件转换为 JS模块。

### 项目构建

vue项目构成：Node.js部分 （后台）+ vue部分（前台）

webpack基于Node.js进行项目的配置打包

基于Node.js构建的web应用

类似：Java + jsp

------

| 文件              | 说明                   |
| ----------------- | ---------------- |
| .editorconfig     | .editorconfig是一个编辑器的配置文件，需要在VSCode.中安装插件[EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) 后，<br/>才能起到应有之效。主要作用是跨编辑器和IDE编写代码，保持—致的简单编码风格。 |
| .babelrc          | 用来设置转码的规则和插件的。<br/>在.babelrc配置文件中，主要是对预设（presets）和插件（plugins）进行配置，<br/>因此不同的转译器作用不同的配置项 |
| .postcssrc.js     | 众所周知为兼容所有浏览器，有的CSS属性需要对不同的浏览器加上前缀，然而有时添加一条属性，<br/>需要添加3~4条类似的  属性只是为了满足浏览器的兼容，这不仅会增加许多的工作量，<br/>还会使得你的思路被打断。 |
| .gitignore        | Git忽略文件                                                  |
| package.json      | 定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称/版本/许可证等元数据） |
| package-lock.json | 就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 |
| README.md         | 件是一个包含关于某个软件程序或软件更新的安装或使用信息的重要文本文档。 |
| node_modules      | 是安装node后用来存放用包管理工具下载安装的包的文件夹。    |