basis vue

base-vue

Introduction

Un portail d'entreprise ou un échafaudage de blog personnel construit sur la base de Vue CLI 4, prêt à l'emploi

• multilingue
• ElementUi se charge à la demande
• CDN introduit des dépendances tierces
• Chargement paresseux des itinéraires
• Navigation supérieure corrigée
• Routage secondaire
• spécification du code Eslint

Note

1. Les ressources statiques du dossier public seront simplement copiées sans passer par webpack. Détails
2. ElementUI est introduit à la demande et peut être ajouté ou supprimé selon les besoins de votre entreprise.
3. Si vous ne souhaitez pas utiliser l'introduction CDN, supprimez le nœud externals et la configuration chainWebpack CDN, et enfin supprimez le code d'injection CDN dans index.html sous public.

Structure du projet

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

développer

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

# 安装依赖
yarn install

# 启动服务
yarn run dev 

Paquet

#打包生产包
yarn run build 

Analyser les dépendances

 yarn run preview 

Paramètres du proxy 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;
    }
}

Sélection technologique

technologie	nom	Site officiel
vue	Cadre JavaScript progressif	https://cn.vuejs.org/
vue-routeur	routage	https://router.vuejs.org/
vuex	Gestion des statuts	https://vuex.vuejs.org/
élément-ui	Bibliothèque de composants de bureau basée sur Vue 2.0	http://element-cn.eleme.io
Hauteur sous plafond	Masquer ou afficher des éléments de page	http://www.bootcss.com/p/headroom.js/

Adresse de démonstration

Faire un don

Si vous pensez que ce projet vous a aidé, pouvez-vous acheter un verre de jus à l'auteur pour lui exprimer vos encouragements ?

Licence

MIT