如何创建一个vue项目

75 阅读1分钟

下载全局包:

我们可以通过 : yarn global add @vue/cli

可以通过: vue -V 查看时候安装成功

image.png

创建项目

首先我们先创建一个文件夹然后输入cmd,回车,进入我们的小黑窗口输入 vue create 文件名

image.png

选择vue2或者vue3版本

这里我们选择vue2版本然后回车

image.png

看到这个界面就说明我们下载成功了

image.png

切换目录

通过 cd demo 切换到我们项目目录

启动项目

通过 yarn serve 启动项目

image.png

在浏览器输入地址就可以看到vue的欢迎界面了

image.png

到这一步,我们就成功创建了一个vue项目了

认识vue的目标结构

  1. main.js 入口文件
  2. App.vue 根组件
  3. index.html 项目唯一的html文件