spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

 

spring boot 与 iview 前后端分离架构之前端工程的构建【CMD版】

 

前端工程构建

在第一章我们采用的是用IDEA开发工具的方式来创建我们的vue工程,但是有部分小伙伴反应IDEA上找不到如何创建vue的工程,那么在本章我们将教大家如何使用命令行的形式来创建我们的vue工程。

创建工作目录

首先打开我们的工作空间,创建我们的工作的目录,例如我在我的d盘创建一个名叫csdn的工具目录。

创建VUE工程

接着我们运行我们的window的cmd命令,在cmd中输入以下的命令,进入到我们的工作目录。

d:
cd D:\csdn

接着我们运行创建工程的命令:

vue init webpack bg-admin-web

若此时出现如下的页面,则我们执行以下的命令:
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

npm install -g @vue/cli-init

若是出现了上述的页面我们则再次执行我们的创建工程的命令,大家按着如下的步骤一步一步的配置我们的信息。

工程名字

spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

工程描述

spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

工程作者

spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

工程构建

默认选择第一个
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

是否安装路由

输入Y,我们需要安装路由.
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

是否需要ESLINT

直接设置为n
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

是否需要测试

直接设为n
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

是否需要e2e的test

直接设置为n
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

是否马上就执行我们的依赖安装

此处大家看各自的情况来选择,由于我已经安装了淘宝的镜像,因此此处我直接设置为不马上安装。
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】

安装依赖

若在上一步已经安装过依赖,则可以直接跳过此步骤。接着进入到我们的bg-admin-web工程目录,执行以下的命令来安装依赖。

cnpm install

运行程序

到此处我们就完成了我们的工程的创建和相关依赖的下载,最后我们执行以下的命令启动我们的工程。

npm run dev

启动完成以后,我们直接访问http://127.0.0.1:8080 我们会看到如下的页面。
spring boot +iview 前后端分离架构之前端工程的构建【CMD版】
那么到此处我们就完成了我们的整个vue工程的构建了。

 

上一篇:【k8s】cm-从文件创建


下一篇:[c/c++精选题目]03.const关键字