1. Instalar nodo
Fin marco de desarrollo y el medio ambiente son necesarios Node.js, instalar el entorno de desarrollo Node.js, operación vue depende de las herramientas de gestión NPM del nodo, para lograr la transferencia directa https://nodejs.org/en/, la instalación se ha completado después de eso, empezar a escribir cmd para abrir el comando. (Requiere privilegios de administrador CMD).
2. Compruebe el número de versión del nodo
Después de descargar un nodo bueno (instalado por defecto para configurar automáticamente las variables de entorno), abra una herramienta de gestión cmd administrador, entrar node -v, entrar, número de versión vista nodo, el número de versión aparece la instalación se ha realizado correctamente.
3. Instalar espejo Taobao NPM
Dado que la NGP es el extranjero, para utilizar más lento, que usamos aquí Taobao cnpmespejo para instalar vue.
Taobao CNPM herramienta de gestión de comandos puede sustituir a las herramientas de gestión de NPM por defecto.
Introduzca el comando:
npm install -g cnpm -registry=https://registry.npm.taobao.org
4. Andamio de montaje vue-cli mundial
Después imagen Taobao se ha instalado correctamente, podemos andamios a nivel mundial vue-cli.
Introduzca el comando: cnpm install --global vue-cli Enter;
verifique que la instalación es correcta, el vue entrada de comando, vue la información, y la instalación se ha realizado correctamente;
introduzca el comando: CNPM instalar vue --global -cli
El proyecto para construir un nuevo
Tras la finalización de la construcción de andamios, queremos empezar a construir un nuevo proyecto, esta vez le sugiero, trate de no instalado en la unidad C, ya que vue descargar archivos son grandes, si desea cambiar el disco, a continuación, introduzca directamente D: Enter para dirigir cambiar el disco
entre el mandato: vue init webpack my-project-first
entrar, my-project-firstes el nombre de mi propia carpeta, se webpack proyecto basado se ha introducido después de un retorno de carro hasta que si se desea instalar vue-route,
lo que proyectamos al uso, por lo que entramos en y un retorno de carro
6. Nota
Aquí habrá cheque el js necesidad de sintaxis, hacemos menos de esto, se puede introducir directamente no, se pueden introducir directamente la parte de atrás no, estamos siendo menor que la
mirada D unidad abierta, se dará cuenta de algo más que una creación de carpeta
7. Introduzca la carpeta del proyecto
Carpeta ha sido descargado Bueno, ahora puede entrar en una carpeta, introduzca: cd my-project-firstEntra en el nuevo proyecto.
8. La instalación depende en el proyecto
Porque entre las distintas plantillas son interdependientes, por lo que ahora queremos instalar las dependencias, introduzca el siguiente comando en el proyecto.
Introduzca el comando: npm install
puede verse obligado a utilizar la instalación lenta cnpm install
Nota: cnpm Es posible que haya ocurrido un error desconocido, intenta utilizar:npm install
9. Ejecutar
Todas se basan en el entorno de la instalación está lista, tenemos que probar el funcionamiento de sus nuevos proyectos Vue, introduzca el comando: npm run devsimplemente pulse la tecla Intro.
Se mostrará un navegador para acceder a los valores predeterminados de direcciones localhost: 8080
Nota: run devsólo se vue en package.jsonforma envasada, conteniendo el proyecto de inicialización por defecto está run devartículos empaquetados finales pueden ser ajustes personalizados, run buildla empatía
10. Comprobar el acceso
8080Es el puerto por defecto, para acceder a ella, entrar directamente en el navegador localhost:8080puede abrir la plantilla por defecto, y hasta ahora, se ha completado entorno de desarrollo vue establecido.
Por último, la forma de cambiar el puerto por defecto?
Podemos ver que hay un directorio raíz de la inicialización de configla carpeta, ver el nombre para saber acerca de la configuración, abra el configdirectorio index.js, puede modificar hosty port, donde no sólo se puede cambiar la IP y el puerto, también puede modificar otra información de configuración según sea necesario.