Spring Boot+Vue前后端分离开发02-----创建Vue工程项目

标签 : Java Vue Sring JPA ELementUI

作者 : Maxchen(志)

版本 : V1.0.0

日期 : 2020/2/26

搭建Vue工程项目

在搭建vue工程之前我们需要做两件事:一是安装淘宝源(官方镜像网速太慢了),二是安装vue-cli

安装vue-cli 3.0

# 安装淘宝源
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install
# 安装vue-cli
cnpm install -g @vue/cli

当出现下面信息的时候说明安装成功了

image.png-93.6kB

通过Vue UI来新建工程项目

首先运行命令

vue ui

如果运行成功就会出现一下信息

image.png-12.7kB

接着访问http://localhost:8000即可进入到 Vue 项目管理器界面

image.png-66.9kB

创建→在此创建新项目

image.png-103.2kB

image.png-82.8kB

选择手动

image.png-83.6kB

选择要使用的功能

image.png-149.6kB

image.png-149.7kB

image.png-137.4kB

image.png-80.5kB

执行完上面操作后,控制台会提示正在创建项目

image.png-32.5kB

直到出现下面页面时,说明创建成功

image.png-136.9kB

最后我们来运行测试下新建的工程

image.png-158.4kB

直到出现编译成功的状态时,我们接着访问http://localhost:8080/即可看到vue工程的测试页面

image.png-154.8kB

image.png-137kB

image.png-144.8kB

了解更多

发布了16 篇原创文章 · 获赞 32 · 访问量 2381

猜你喜欢

转载自blog.csdn.net/u012420395/article/details/104509452