Estive aprendendo vuejs, element-ui, iview-ui e outros conhecimentos de front-end recentemente, e descobri que existem vários métodos diferentes ao criar um projeto vuejs:
Primeiro, use o andaime vue-cli para criar um novo projeto vuejs
O uso do andaime vue-cli pode criar rapidamente uma estrutura de projeto de estrutura de front-end do vue
Pré-requisitos: o nó instalado normalmente pode usar o comando npm e a ferramenta vue-cli é instalada globalmente.
Os Nodejs podem acessar o site oficial do nodejs para baixar a versão mais recente, escolher a versão apropriada de acordo com o sistema operacional e, em seguida, instalar, configurar as variáveis de ambiente.
Instale os andaimes vue-cli globalmente
npm install vue-cli -g
Comece a criar o projeto
- Use vue para inicializar um novo projeto baseado no webpack
vue init webpack my-project
Durante o processo de criação do projeto, ele solicitará a instalação do eslint, você pode optar por não instalar, caso contrário, haverá vários problemas de formato de código durante o processo de compilação do projeto.
- Após a criação do projeto, instale o módulo básico
cd myproject
npm install
O tempo de instalação do módulo pode ser muito longo, dependendo da velocidade da rede;
- Após a conclusão da instalação, você pode executar o projeto no modo de desenvolvimento e visualizar o efeito do projeto
npm run dev;
- Se o projeto puder iniciar normalmente, você poderá continuar instalando as ferramentas auxiliares do vue
npm install vue-router --save (路由管理模块)
npm install vuex --save (状态管理模块)
npm install vue-resource --save (网路请求模块)
Os dois métodos a seguir são baseados no Vue Cli3, o
Vue CLI3 requer o Node.js 8.9 ou superior
Segundo, use o comando vue create para criar um projeto vue
vue create hello-world
cd hello-world
npm run serve // 运行 http://localhost:8000
Terceiro, use o comando ui do vue cli3 para criar um projeto vuejs com base em uma interface gráfica do usuário
Digite o comando vue ui na janela da linha de comando para criar o projeto vuejs
vue ui // Execute automaticamente a página gráfica http: // localhost: 8000 Para obter
detalhes, consulte o artigo Criando um projeto vue usando uma interface gráfica , operação de estilo tolo, com base na interface de imagem, É conveniente criar e instalar dependências e plugins.