basis vue

Base-vue

Breve introdução

Com base no portal da empresa ou no computador de mão pessoal da Vue CLI 4, use -o quando a caixa for aberta

• Multi -idioma
• ElementUi carregado sob demanda
• CDN apresenta dependências de terceira parte
• Rota a carga preguiçosa
• Navegação superior fixa
• Rota secundária
• Eslint Código Especificação

Prestar atenção

1. Os recursos estáticos da pasta pública serão simplesmente copiados sem através do Webpack. Detalhe
2. ElementUi é introduzido sob demanda e pode ser adicionado e excluído com suas próprias necessidades de negócios
3. Se você não deseja usar a introdução do CDN para introduzir os nós Excluir externals e a configuração chainWebpack CDN, finalmente exclua o código de injeção de CDN no index.html abaixo do público

Estrutura do projeto

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

Desenvolver

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

# 安装依赖
yarn install

# 启动服务
yarn run dev 

Pacote

#打包生产包
yarn run build 

Dependência analítica

 yarn run preview 

Configurações de proxy 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;
    }
}

Seleção técnica

tecnologia	nome	Site oficial
Vue	Estrutura Progressiva JavaScript	https://cn.vuejs.org/
Vue-Router	roteamento	https://router.vuejs.org/
Vuex	Gerenciamento do Estado	https://vuex.vuejs.org/
Element-ui	Biblioteca de componentes da área de trabalho com base no Vue 2.0	http://element-cn.eleme.io
Laridade	Elementos de página ocultos ou de exibição	http://www.bootcss.com/p/headroom.js/

Endereço de demonstração

Doar

Se você acha que este projeto o ajuda, pode ajudar o autor a comprar um copo de suco de frutas para explicar?

Licença

Mit