basis vueダウンロード - basis vueソースコードのダウンロード

basis vue

その他のカテゴリー

VueCli3 构建门户或博客手脚架

ダウンロード

基本ビュー

導入

Vue CLI 4 に基づいて構築され、すぐに使用できる企業ポータルまたは個人ブログのスキャフォールディング

多言語
ElementUi はオンデマンドでロードされます
CDN によりサードパーティの依存関係が導入される
ルートの遅延読み込み
トップナビゲーションを修正しました
二次ルーティング
eslint コードの仕様

注記

public フォルダー内の静的リソースは、webpack を経由せずに単純にコピーされます。詳細
ElementUI はオンデマンドで導入され、独自のビジネスニーズに応じて追加または削除できます。
CDN 導入を使用したくない場合は、 externalsノードとchainWebpack CDN 構成を削除し、最後に public の下にあるindex.html 内の CDN インジェクションコードを削除します。

プロジェクトの構造

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

開発する

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

# 安装依赖
yarn install

# 启动服务
yarn run dev

パック

#打包生产包
yarn run build

依存関係を分析する

 yarn run preview

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

テクノロジーの選択

テクノロジー	名前	公式ウェブサイト
ビュー	プログレッシブ JavaScript フレームワーク	https://cn.vuejs.org/
vueルーター	ルーティング	https://router.vuejs.org/
ビュークス	ステータス管理	https://vuex.vuejs.org/
要素 ui	Vue 2.0 ベースのデスクトップコンポーネントライブラリ	http://element-cn.eleme.io
ヘッドルーム	ページ要素を表示または非表示にする	http://www.bootcss.com/p/headroom.js/