Unduhan basis vue - unduhan kode sumber basis vue

basis vue

Kategori lainnya

VueCli3 构建门户或博客手脚架

Unduh

dasar-vue

Perkenalan

Scaffolding portal perusahaan atau blog pribadi yang dibangun berdasarkan Vue CLI 4, siap digunakan

multibahasa
ElementUi dimuat sesuai permintaan
CDN memperkenalkan ketergantungan pihak ketiga
Pemuatan rute yang lambat
Navigasi atas diperbaiki
Perutean sekunder
spesifikasi kode eslint

Catatan

Sumber daya statis di folder publik akan disalin begitu saja tanpa melalui webpack. Detail
ElementUI diperkenalkan sesuai permintaan dan dapat ditambahkan atau dihapus sesuai dengan kebutuhan bisnis Anda.
Jika Anda tidak ingin menggunakan pengenalan CDN, hapus node externals dan konfigurasi CDN chainWebpack , dan terakhir hapus kode injeksi CDN di index.html di bawah publik.

Struktur proyek

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

mengembangkan

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

# 安装依赖
yarn install

# 启动服务
yarn run dev

Mengemas

#打包生产包
yarn run build

Analisis ketergantungan

 yarn run preview

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

Pemilihan teknologi

teknologi	nama	Situs web resmi
vue	Kerangka kerja JavaScript progresif	https://cn.vuejs.org/
vue-router	rute	https://router.vuejs.org/
vuex	Manajemen status	https://vuex.vuejs.org/
elemen-ui	Pustaka komponen desktop berdasarkan Vue 2.0	http://elemen-cn.eleme.io
Ruang kepala	Sembunyikan atau tampilkan elemen halaman	http://www.bootcss.com/p/headroom.js/