basis vue 다운로드 - basis vue 소스 코드 다운로드

basis vue

기타 카테고리

VueCli3 构建门户或博客手脚架

다운로드

기본 뷰

소개

Vue CLI 4를 기반으로 구축되어 즉시 사용할 수 있는 회사 포털 또는 개인 블로그 스캐폴딩

다국어
ElementUi는 요청 시 로드됩니다.
CDN은 타사 종속성을 도입합니다.
경로의 지연 로딩
상단 탐색이 수정되었습니다.
보조 라우팅
eslint 코드 사양

메모

public 폴더에 있는 static 리소스는 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;
    }
}

기술선택

기술	이름	공식 홈페이지
뷰	프로그레시브 자바스크립트 프레임워크	https://cn.vuejs.org/
뷰 라우터	라우팅	https://router.vuejs.org/
뷰엑스	현황관리	https://vuex.vuejs.org/
요소 UI	Vue 2.0 기반 데스크탑 컴포넌트 라이브러리	http://element-cn.eleme.io
헤드룸	페이지 요소 숨기기 또는 표시	http://www.bootcss.com/p/headroom.js/