Use Vue-cli 3.0 para construir e iniciar proyectos Vue

1. Introducción

Vue CLI es un sistema completo para un desarrollo rápido basado en Vue.js. Hay tres componentes:

CLI : @vue/cli un paquete npm instalado globalmente que proporciona comandos vue en la terminal (como: vue create, vue serve, vue ui, etc.)

Servicio CLI : @vue/cli-servicees una dependencia del entorno de desarrollo. Construido sobre webpack y webpack-dev-server (proporciona, por ejemplo: servey build comandos  inspect )

Complementos CLI : paquetes npm que brindan funcionalidad opcional a los proyectos Vue (por ejemplo, transpilación Babel/TypeScript, integración ESLint, pruebas unitarias y e2e, etc.)

2. Instalación

Nota: Vue CLI 3 requiere nodeJs ≥ 8.9. Descargue e instale nodeJs, dirección de descarga oficial china : http://nodejs.cn/download/ 

         Instale @vue/cli (  vue-cli se cambió  el nombre del paquete de Vue CLI 3 @vue/cli)

Pasos de instalación: (el requisito previo es instalar primero el entorno nodejs)

1. Si la versión anterior  vue-cli(1.x o 2.x) se instaló globalmente, primero debe desinstalarse; de ​​lo contrario, omita este paso:

  npm uninstall vue-cli -g 

2、
1 cnpm install -g @vue/cli //yarn global add @vue/cli

　　vue -V comprobar el número de versión de vue

2. Instalación de nrm y configuración de registro de npm

npm i nrm -g

   Ver fuentes npm disponibles

nrm ls

    Usar Taobao

// 用法： nrm use ***
nrm use taobao
// 切换之后可用 nrm ls查看是否已经切换了npm源

3. Instalar hilo

npm i yarn -g

4. Instalar vue-cli3.0

//使用cnpm,淘宝镜像
// https://developer.aliyun.com/mirror/NPM?from=tnpm
//如果没有安装该镜像，则使用如下命令：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org


cnpm i @vue/cli -g （推荐）

或者：
npm i @vue/cli -g 

5. Espere a que se complete la instalación. Echa un vistazo a la versión vue. Escriba: vue-V  

         

6. En el directorio del proyecto de ingeniería autodefinido, ingrese vue ui. Por ejemplo:

        

   Espere a que el navegador salte automáticamente al acceso: de la siguiente manera

        

7. Crea proyectos rápidamente

    

     Ingrese el nombre del proyecto, luego el siguiente paso.

       

    Seleccione según sea necesario y luego haga clic en el siguiente paso.

               

        Seleccione Enrutador, Vuex, etc.,

         

             

      Finalmente, haga clic en el proyecto, y luego el proyecto se encontrará en la ruta del proyecto.

     

     La última es correr.