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
若此时出现如下的页面,则我们执行以下的命令:
npm install -g @vue/cli-init
若是出现了上述的页面我们则再次执行我们的创建工程的命令,大家按着如下的步骤一步一步的配置我们的信息。
工程名字
工程描述
工程作者
工程构建
默认选择第一个
是否安装路由
输入Y,我们需要安装路由.
是否需要ESLINT
直接设置为n
是否需要测试
直接设为n
是否需要e2e的test
直接设置为n
是否马上就执行我们的依赖安装
此处大家看各自的情况来选择,由于我已经安装了淘宝的镜像,因此此处我直接设置为不马上安装。
安装依赖
若在上一步已经安装过依赖,则可以直接跳过此步骤。接着进入到我们的bg-admin-web工程目录,执行以下的命令来安装依赖。
cnpm install
运行程序
到此处我们就完成了我们的工程的创建和相关依赖的下载,最后我们执行以下的命令启动我们的工程。
npm run dev
启动完成以后,我们直接访问http://127.0.0.1:8080 我们会看到如下的页面。
那么到此处我们就完成了我们的整个vue工程的构建了。