03 vue.js2.5 - instalación, plantillas de proyecto Vue-CLI para crear webpack

Instalación Vue-cli

el primer

Aparentemente no puede, a continuación, el segundo, pero después de instalar el sistema, el segundo no se puede utilizar, con el primer posible

# 全局安装vue -cli命令
npm install --global vue-cli

# 创建基于 webpack 模板的新项目,使用webpack的模板
# 首先进入 desktop，然后会在desktop目录下创建todolist的项目
vue init webpack my-project
# 或者创建一个简单的webpack项目
vue init webpack-simple demo

vue instalación. . . .

La instalación se ha completado:

 

# 安装依赖
cd my-project --进入文件目录
npm run dev

 

localhost Proyecto: 8080 lanzó

 

la segunda

Instalación # Global   @vue/cli-service es una instalarse localmente depende de cada proyecto, a través de la  @vue/cli creación de 
la NGP instalar -g @ vue / cli

 

# vue create my-project

 

 

 

 contenido Introducción

construcción: perfil webpack

config: archivos de configuración para el entorno de desarrollo y el entorno en línea

Dependientes en el proyecto: node_modules

src: colocar el código fuente

estática: recursos estáticos

 - babelrc :. compilador de Babel

 - Configuración del navegador editorconfig :.

 - eslintignore :. Eslint de reglas de detección

 - eslintrc.js :. Eslint de reglas de detección

 -. Gitignore

 - postcss.js.

 --index.html: la totalidad de la página más externa archivo de entradas

 --package.json

 --package-lock.json

 --README.md

 

vue-CLI proporcionan una nueva sintaxis de montaje de un solo archivo

.Vue un archivo que contiene todas las partes de vue

herramienta Andamio se puede utilizar ES6 gramática, sintaxis y luego empaquetado en ES5

 

##首先进入安装目录

cd todolist

##重新启动项目
npm run dev
npm run start

 

---

 

Navegar por la web oficial:  https://cn.vuejs.org/   aprendizaje "Tutorial