passos detalhe são as seguintes:
Primeiro, instale node.js
Nota: Depois de instalar a versão Windows do node.js, bom nó e ferramentas de gerenciamento de pacotes NPM será instalado automaticamente, o nosso acompanhamento da instalação dependerá ferramenta npm.
Node.js endereço oficial: https://nodejs.org/en/download/ , como mostrado abaixo:
Dependendo da configuração do seu computador, selecione deseja baixar o pacote de instalação, os autores escolheram janelas de 64 bits.
O download está completo, de acordo com aplicações do Windows em geral, todo o caminho para a próxima pode ser instalado com sucesso, recomenda-se não instalar o disco do sistema (como C :).
Em segundo lugar, as configurações de caminho no cache global, e
Descrição: Define o caminho pode ser instalada por módulos NPM juntos, fácil de gerenciar.
1, nas nodejs diretório de instalação, o novo node_global e node_cache duas pastas, autor do diretório de instalação é "D: \ Program Files \ nodejs \"
2, e definir o cache global
npm configuração conjunto prefixo "D: \ Program Files \ nodejs \ node_global"
e
npm configuração conjunto cache "D: \ Program Files \ nodejs \ node_cache"
Depois de sucesso, com follow-up após npm instalar módulo de comando XXX -g instalada no D: \ Program Files \ nodejs \ node_global \ node_modules em
A instalação pode falhar, use um dos o único caminho a seguir para resolver :( Eu uso o segundo)
1. Temporária Use
npm --registry https://registry.npm.taobao.org install express2. uso sustentável
npm config set registry https://registry.npm.taobao.org- Após a configuração pode ser verificada por meio de sucesso da seguinte maneira
npm config get registry - ou
npm info express
3. Usando CNPM
npm install -g cnpm --registry=https://registry.npm.taobao.org- uso
cnpm install express
Em terceiro lugar, o CNPM instalação
Nota: Desde pacote muitos npm estão em um país estrangeiro, usamos aqui servidor espelho Taobao para ser instalado em nosso módulo de dependência, então primeiro instalar "npm da China" o - CNPM
Consulte a seguinte URL: http://npm.taobao.org/
comando de instalação é:
npm instalar -g CNPM --registry = https: //registry.npm.taobao.org
Em quarto lugar, defina a variável de ambiente (muito importante)
Descrição: Define as variáveis ambientais podem ser tal que em qualquer diretório pode ser usado para CNPM ao vivo, comandos vue, sem a necessidade de digitar o caminho completo
1, o botão direito do mouse, "este computador", selecione menu "Propriedades", no "sistema" pop-up no lado esquerdo da caixa de diálogo, selecione a opção "Configurações avançadas do sistema" pop-up "Propriedades do Sistema" diálogo.
2, clique no diálogo Variáveis de ambiente pops caixa-se o seguinte:
3, o utilizador Modificar variável PATH:
Selecionar o caminho, clique em Editar, atrás da variável existente, acrescentando que o Inglês "" e depois o "D: \ Program Files \ nodejs \ node_global" adicionado ao final
4, as novas variáveis do sistema NODE_PATH:
Nos seguintes variáveis de sistema, clique em Nova, pop-up caixa, o valor da variável é definido como "D: \ Program Files \ nodejs \ node_global \ node_modules"
Quarta e quinta etapas, primeiro para o arquivo de projeto que você deseja instalar pasta
Em quarto lugar, vue instalação CNPM
CNPM instalar vue -g
ferramenta de linha de comando vue Instalação V.
CNPM instalar vue-cli -g
Em sexto lugar, criar projeto
1, você virá para o diretório que deseja a nova construção, como usando o comando cd "C: \ Users \ Administrador \ Desktop \ birdhelper>"
Criar um novo projeto com base no projeto de modelo Webpack chamado birdhelper.
这时 报错 了 win10 vue-cli · Falha ao baixar compromissadas vuejs-templates / Webpack: Socket Tunneling não pôde ser estabelecida, causa = conectar ECONNREFUSED 127.0.0.1:80
solução:
A solução é, em vez criado off-line, é preciso baixar o github vue-modelos repositório / Webpack, e depois extraí-lo para um local. Baixar endereço: https: //github.com/vuejs-templates/webpack, após o download, descompacte em .vue-templates diretório do diretório do usuário local.
Depois de baixar o arquivo é webpack-develop.zip, depois de descompactar, altere o diretório chamado Webpack. Sob o diretório de usuário .vue-templates, anote o nome da pasta na frente do ponto (.).
Desta vez, em seguida, vue de inicialização Webpack vuedemo comando, necessidade de trazer desligada inicialização parâmetro representação --offline.
Desta vez não
vue de inicialização Webpack projeto-name (nome do projeto);
? Projeto Descrição (Um Projeto Vue.js) VUE-cli New Project (descrição do projeto);
? Autor (XXXX <[email protected]>); [email protected] ( autor do projeto);
? Vue Desenvolver
❯ + Compiler Runtime: Recomendado para a maioria dos usuários
Runtime somente: o Sobre 6KB Lighter min + gzip, Mas Templates (ou o HTML qualquer específico-Vue) são permitidos apenas em .vue Files - as funções tornam são necessários Elsewhere
Escolha o Runtime + Compiler: Recomendado para a maioria dos usuários;
a Instalação VUE-Router (o Y / n-) Y se VUE-Router; ??
o uso ESLint para lint seu código (o Y / n-) Y se ESLint; ??
de escolher um? PRESET ESLint (o Use as setas)
❯ padrão (https://github.com/feross/standard)
Airbnb (https://github.com/airbnb/javascript) nenhum (configure-o você mesmo) Escolha padrão (https://github.com/feross/standard)
? Testes de unidade com a configuração Mocha Karma +? (The Y / n-) n teste de unidade se necessário;
a configuração se os testes E2E com Nightwatch (Y / n) n testes de necessidade unidade ;?
CD project-name (catálogo de programas);
NPM a instalação dependência montado;
NPM funcionamento funcionar localmente projeto dev
3, navegue até o diretório mytest projeto
cd mytest
4, a instalação dos módulos dependentes do projeto que serão instalados em: mytest \ diretório sob node_module, pasta node_module é novo, e módulos de download para o projeto com base na configuração de package.json
instalar CNPM
5. Execute o projeto para testar se o projeto ao trabalho corretamente, essa abordagem é começar com nodejs.
CNPM dev prazo
6, por vezes, o nosso servidor não é necessariamente um nó, talvez o IIS, por isso precisamos para construir o projeto para fora, integrar com o IIS.
A construção do projeto o seguinte comando
CNPM construção run
A dist pasta copiar para fora no lançamento do diretório do IIS, digite o IP local e a porta IIS configurações podem ser acessadas no seu browser. Boa sorte, rapazes!
Até agora, temos um conjunto de em win10 vue bem sucedido, e podem ser integrados e iis servidor. Bang Bang é trazido NET Framework vue para o desenvolvimento de aplicações web.
Se você é novo para baixar em GitHub um projeto, o projeto pode estar faltando a pasta chamada node_modules, a fim de deixá-lo correr, você deve
1. Vá para o arquivo de projeto
2.npm instalar
construção 3.npm prazo
4.npm instalar NPM-cli
dev 5.npm prazo
A próxima vez que você executar, basta digitar o item, em seguida, você pode NPM dev prazo
1. Temporária Use
npm --registry https://registry.npm.taobao.org install express2. uso sustentável
npm config set registry https://registry.npm.taobao.org- Após a configuração pode ser verificada por meio de sucesso da seguinte maneira
npm config get registry - ou
npm info express
3. Usando CNPM
npm install -g cnpm --registry=https://registry.npm.taobao.org- uso
cnpm install express