vue spa project

projeto vue-spa

Baseado na pilha de tecnologia vue.js, ele adota MVC e outros projetos de estrutura hierárquica, design de dissociação de dados, componenteização e construção automatizada de projetos de aplicativos de página única.

pilha de tecnologia

• vue.js (2.4)
• vuex (gestão estadual)
• vue-router (roteamento front-end, carregamento assíncrono)
• fetch (substitui o ajax e torna as solicitações de rede mais eficientes)
• element-ui (biblioteca de componentes de UI do lado do PC baseada em vue)

Webpack (compilação automatizada)

• Pré-compilação Babel (ES6, SCSS, etc.) e componentes assíncronos para implementar carregamento lento de roteamento
• Controle de qualidade do código ESlint, todo código deve ser escrito de acordo com as especificações padrão para passar na compilação e evitar alguns erros de baixo nível
• O servidor de desenvolvimento local monitorará as modificações dos arquivos, compilará e atualizará automaticamente o navegador
• Dados simulados de front-end, sem necessidade de esperar pela implementação da interface de back-end
• O servidor de teste implanta automaticamente a implantação (você precisa iniciar um script de recebimento escrito pelo nó no servidor: receptor de arquivo)

Se a renderização do lado do servidor (SSR) for necessária, é recomendado usar: NUXT

Configuração de compilação

 # install dependencies (use cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org)
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests for unit test and e2e test
npm test

# check update for npm packages, please install 'npm install npm-check-updates -g' at first
npm run update