basis vue

Basis-vue

Einführung

Ein Unternehmensportal oder ein persönliches Blog-Gerüst, das auf Vue CLI 4 basiert und sofort einsatzbereit ist

• mehrsprachig
• ElementUi wird bei Bedarf geladen
• CDN führt Abhängigkeiten von Drittanbietern ein
• Verzögertes Laden von Routen
• Top-Navigation behoben
• Sekundäres Routing
• Eslint-Code-Spezifikation

Notiz

1. Statische Ressourcen im öffentlichen Ordner werden einfach kopiert, ohne dass Webpack durchlaufen werden muss. Details
2. ElementUI wird bei Bedarf eingeführt und kann entsprechend Ihren eigenen Geschäftsanforderungen hinzugefügt oder gelöscht werden.
3. Wenn Sie die CDN-Einführung nicht verwenden möchten, löschen Sie den externals -Knoten und chainWebpack CDN-Konfiguration und löschen Sie schließlich den CDN-Injection-Code in index.html unter public.

Projektstruktur

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

entwickeln

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

# 安装依赖
yarn install

# 启动服务
yarn run dev 

Pack

#打包生产包
yarn run build 

Analysieren Sie Abhängigkeiten

 yarn run preview 

Nginx-Proxy-Einstellungen

 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;
    }
}

Technologieauswahl

Technologie	Name	Offizielle Website
vue	Progressives JavaScript-Framework	https://cn.vuejs.org/
Vue-Router	Routenführung	https://router.vuejs.org/
vuex	Statusverwaltung	https://vuex.vuejs.org/
element-ui	Desktop-Komponentenbibliothek basierend auf Vue 2.0	http://element-cn.eleme.io
Kopffreiheit	Seitenelemente ein- oder ausblenden	http://www.bootcss.com/p/headroom.js/

Demo-Adresse

Spenden

Wenn Sie der Meinung sind, dass Ihnen dieses Projekt geholfen hat, können Sie dem Autor dann ein Glas Saft spendieren, um Ihre Ermutigung auszudrücken?

Lizenz

MIT