# vue

**Repository Path**: zhtt/vue

## Basic Information

- **Project Name**: vue
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-10
- **Last Updated**: 2025-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue
[创建vue项目：https://blog.csdn.net/liyunkun888/article/details/102738377](https://blog.csdn.net/liyunkun888/article/details/102738377)  
[https://cn.vuejs.org/](https://cn.vuejs.org/)  
[https://element.eleme.cn/#/zh-CN/component/quickstart](https://element.eleme.cn/#/zh-CN/component/quickstart)  

```
npm uninstall -g vue-cli
 
npm install -g @vue/cli
```

* nuxt(vue服务端渲染)  
https://nuxtjs.org/

# js变量
* window
* https://www.jianshu.com/p/d79bb31ec52c

# 导入js工具类1
https://blog.csdn.net/kangguang/article/details/104911764

## vue2+mockjs
https://gitee.com/xu-zehan/vue2-base/blob/master/src/main.js
## vue2+jsx
https://gitee.com/vuejs/jsx-vue2  
https://gitee.com/mirrors_vuejs/jsx-vue2/blob/dev/README.md
## 镜像
```
npm config set registry http://registry.npm.taobao.org/
```
```
npm install --registry=https://registry.npm.taobao.org --no-optional
```
```
git clone git@gitee.com:zhtt/vue.git
cd vue
git remote rm origin
git remote add origin https://gitee.com/zhtt/vue.git
git pull
git branch --set-upstream-to=origin/master master
npm config set registry https://registry.npmmirror.com/
```
```
npm i --legacy-peer-deps 
```
## 引入
* vue.config.js webpack中alias配置文件路径  
https://cli.vuejs.org/zh/guide/webpack.html  
https://www.cnblogs.com/ypSharing/p/vue-webpack.html  
```js
const path = require('path');
function resolve (dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    lintOnSave: true,
    chainWebpack: (config)=>{
        config.resolve.alias
            .set('@$', resolve('src'))
            .set('assets',resolve('src/assets'))
            .set('components',resolve('src/components'))
            .set('layout',resolve('src/layout'))
            .set('base',resolve('src/base'))
            .set('static',resolve('src/static'))
    }
}
```

## jsx
```
npm i @vitejs/plugin-vue-jsx -D

npm i @vitejs/plugin-vue-jsx -D  --force
```
* https://github.com/vuejs/babel-plugin-jsx/blob/dev/packages/babel-plugin-jsx/README-zh_CN.md
```
npm install @vue/babel-plugin-jsx -D
```
## 低代码
https://www.bilibili.com/video/BV1Qe4y1n7NX?p=1  
https://search.bilibili.com/all?vt=40944980&keyword=%E4%BD%8E%E4%BB%A3%E7%A0%81%E5%B0%81%E8%A3%85%E4%B8%80%E4%B8%AA%E9%80%9A%E7%94%A8%E8%A1%A8%E5%8D%95%E7%94%9F%E6%88%90%E5%99%A8  
* FormMaking（收费）  
  https://form.making.link/docs/guide/generate-form.html
## github-demo
* axios拦截重复请求：https://github.com/GuJiugc/JueJinDemo

## 技术体系
* Pinia中文手册：http://pinia.cc/
* Vuex
* icon图标：https://iconpark.oceanengine.com/home
* css 
    * reset有公共库
    * varible变量
* 编排工具（流式、画布、滚动）：
    * smooth-dnd     : https://gitcode.com/kutlugsahin/smooth-dnd 
    * vue3-smooth-dnd：https://github.com/gilnd/vue3-smooth-dnd/tree/main
    * vue-smooth-dnd（demo）：https://kutlugsahin.github.io/vue-smooth-dnd/#/cards
    * vue-smooth-dnd（低代码技术）：https://github.com/kutlugsahin/vue-smooth-dnd
    * react-smooth（demo）：https://kutlugsahin.github.io/smooth-dnd-demo/
    * vue-draggable-resizable：https://github.com/mauricius/vue-draggable-resizable
    * vue-drag-resize（大屏技术）：https://gitcode.com/kirillmurashov/vue-drag-resize/overview
    * vue-drag-resize（demo）：https://kirillmurashov.com/vue-drag-resize/
    * vue-grid-layout（仪表盘、看板技术）：https://jbaysolutions.github.io/vue-grid-layout/zh/
* eslint awesome
  * https://github.com/dustinspecker/awesome-eslint
* eslint 插件开发
  * https://zh-hans.eslint.org/docs/latest/extend/plugins
  * https://eslint.cn/
* 表单相关
  * vee-validate