basis vue

base

Breve introducción

Según el portal de la empresa o el blog personal de la mano de la Vue CLI 4, úselo cuando se abra la caja

• Lenguaje múltiple
• Elementui cargado a pedido
• CDN presenta dependencias de tercera parte
• Ruta de carga perezosa
• La navegación superior solucionada
• Ruta secundaria
• Especificación del código de Eslint

Prestar atención

1. Los recursos estáticos de la carpeta pública se copiarán simplemente sin a través de Webpack. Detalle
2. Elementui se introduce a pedido y se puede agregar y eliminar con sus propias necesidades comerciales
3. Si no desea utilizar la introducción de CDN para introducir nodos Eliminar externals y la configuración de chainWebpack CDN, finalmente elimine el código de inyección de CDN en el index.html debajo del público.

Estructura de proyectos

basis-vue
    ├── public                     -- 不进过webpack打开目录
    ├── src                        -- 开发目录
    ├      ├── assets              -- 资源文件夹
    ├      ├      └── css          -- css 存放
    ├      ├      └── js           -- js 存放
    ├      ├      └── img          -- 静态图片存放
    ├      ├── components          -- 封装组件 
    ├      ├── lang                -- 多语言包
    ├      ├── views               -- 路由页面
    ├── theme                      -- element ui 主题        

Desarrollar

# 克隆项目
git clone https: //github.com/laizuan/basis-vue.git

# 安装依赖
yarn install

# 启动服务
yarn run dev 

Embalar

#打包生产包
yarn run build 

Dependencia analítica

 yarn run preview 

Configuración de proxy de Nginx

 server {
	listen   80;
    charset utf-8;        
    server_name localhost;
     location / {
        root dist; #网站的根目录
        index index.html; #默认文件
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

Selección técnica

tecnología	nombre	Sitio web oficial
vue	Marco progresivo de JavaScript	https://cn.vuejs.org/
enrutador de vue	enrutamiento	https://router.vuejs.org/
vuex	Gestión estatal	https://vuex.vuejs.org/
Elemento-ui	Biblioteca de componentes de escritorio basada en Vue 2.0	http://element-cn.eleme.io
Espacio para la cabeza	Elementos de página ocultos o de visualización	http://www.bootcss.com/p/headroom.js/

Dirección de demostración

Donar

Si crees que este proyecto te ayuda, ¿puedes ayudar al autor a comprar un vaso de jugo de fruta para explicar?

Licencia

MIT