basis vue

أساس

مقدمة موجزة

استنادًا إلى بوابة الشركة أو المدونة الشخصية باليد من قبل Vue CLI 4 ، استخدمها عند فتح المربع

• متعددة اللغات
• تم تحميل Elementui عند الطلب
• يقدم CDN التبعيات الثالثة
• مسار الحمل كسول
• أعلى التنقل ثابت
• طريق ثانوي
• مواصفات رمز ESLINT

انتبه

1. سيتم ببساطة نسخ الموارد الثابتة للمجلد العام بدونها من خلال WebPack. التفاصيل
2. يتم تقديم Elementui عند الطلب ، ويمكن إضافته وحذفه باحتياجات أعماله الخاصة
3. إذا كنت لا ترغب في استخدام مقدمة CDN لتقديم العقد externals الحذف وتكوين chainWebpack CDN ، فاحذف أخيرًا رمز حقن CDN في الفهرس. html أسفل الجمهور

هيكل المشروع

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

الاختيار الفني

تكنولوجيا	اسم	الموقع الرسمي
Vue	إطار JavaScript التقدمي	https://cn.vuejs.org/
Vue-Router	التوجيه	https://router.vuejs.org/
Vuex	إدارة الدولة	https://vuex.vuejs.org/
Element-Ui	مكتبة مكون سطح المكتب على أساس Vue 2.0	http://element-cn.eleme.io
غرفة	عناصر صفحة مخفية أو عرض	http://www.bootcss.com/p/headroom.js/

عنوان العرض التوضيحي

يتبرع

إذا كنت تعتقد أن هذا المشروع يساعدك ، هل يمكنك مساعدة المؤلف على شراء كوب من عصير الفاكهة لشرحه؟

رخصة

معهد ماساتشوستس للتكنولوجيا