vue脚手架的基本使用

前言

本文包括:使用vue脚手架创建项目的步骤以及脚手架结构的基本介绍

步骤

  • 首先,以管理员权限打开cmd窗口

  • 进入想要存放工程文件的磁盘,并创建项目

vue create 项目名称

在这里插入图片描述
运行结果:
在这里插入图片描述

  • 进入项目文件中:
cd vuetest

在这里插入图片描述

  • 启动项目
npm run serve

结果:

在这里插入图片描述

大致流程:
在这里插入图片描述

  • 输入网址:

在这里插入图片描述
(这是vue官方准备的hellword组件)

  • 停止工程的运行:
    按住ctrl+c:在这里插入图片描述

脚手架结构

  • 用vscode打开项目文件:
    在这里插入图片描述

  • 项目目录如下:
    在这里插入图片描述
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Junehhh/article/details/130258053