前端项目初始化---使用脚手架（vue-cli）

首先全局安装好vue-cli（默认最新版本）

npm install -g @vue/cli

方式一：使用GUI 的方式进行创建

1、进入控制面板

回顾一下控制面板的指令：

进入文件其他盘符d:
进入文件目录cd todolist
清空面板cls

2、使用GUI创建项目并安装插件

输入如下指令：vue ui
进入如下界面，完成基本配置：

在这里插入图片描述

  • 安装插件，进行路由的配置（最后一项是把配置文件放在单独的文件夹里）如下：
    在这里插入图片描述
  • 配置Element组件库（安装后修改配置为按需引入—import on demand）：
    在这里插入图片描述
  • 安装依赖，配置axios：
    在这里插入图片描述

方式二：使用控制面板进行创建

  • 创建项目：

vue create XXX
在这里插入图片描述

  • 自定义配置
    在这里插入图片描述

  • 运行项目

npm run serve：
在这里插入图片描述

版权声明：本文为Matutinal原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。