prefacio
Consulte la parte de configuración del entorno: http://t.csdn.cn/YBNNm
Consulte el documento oficial https://cn.vuejs.org/guide/quick-start.html
Dirección de descarga de vscode: vscode
①Ejecutar create-vue
Ingrese en el símbolo del sistema: npm init vue
Este comando instalará y ejecutará create-vue .
Verá los siguientes comandos a su vez, ingrese el nombre de su proyecto y elija si desea agregar otros complementos o plantillas.
De esta manera creas tu propio proyecto.
② A continuación, busque la dirección de su proyecto.
En el símbolo del sistema, escriba: cd el nombre de su proyecto.
Por ejemplo, mi proyecto se llama mypj1, luego ingreso cd mypj1.
③Abra y ejecute este proyecto en vscode.
Abra vscode y realice la siguiente operación.
En la ventana emergente, seleccione el proyecto que acaba de crear.
Esta es la estructura del proyecto después de abrirlo, APP.vue aquí está la entrada de todo el proyecto vue, ábralo.
Ingrese npm i en la consola en la parte inferior de la pantalla y presione Entrar. Este paso es para instalar las dependencias requeridas.
Una vez completada la instalación, continúe ingresando npm run dev en la consola y presione Entrar, y verá la siguiente pantalla.
Copie la URL en el cuadro rojo en el navegador y ábralo. Podrá ver la página inicial del proyecto vue que creamos y el proyecto vue se ejecutará correctamente aquí.