前后端分离(2)—Vue脚手架教程

安装VUE脚手架

什么是vue脚手架

Vue项目的图形化界面,通过配套的图形化界面创建、开发和管理你的项目。

安装方法

打开cmd命令

npm install -g @vue/cli

(大胆安装 不会影响你现在的项目)

运行方式

安装完成后,打开cmd命令行,使用下面命令运行脚手架。

vue ui

VUE脚手架的使用方式

运行脚手架

刚才讲到使用命令运行脚手架(vue ui)后,脚手架的主界面会自动跳出来。
如果不小心关掉,输入地址即可:

http://localhost:8000

使用方法


上图是主界面,上面红框内可以管理当前项目,创建项目(create),和导入项目(通过svn或者下载下来的vue程序包需要用导入)

导入以后,点击刚才添加的Vue项目进入,出现下面的界面

可以查看你当前项目的依赖和依赖版本。

点击任务,会有dev和build,dev是运行当前项目,build是打包当前项目
打包输出路径一般是dist。
右边会有控制台的功能,主要显示你当前项目的一些vue报错。

联系作者
作者QQ:1538888858 有事请联系作者

Article tags:

作者头像
前端劝退师创始人

分享前端开发资源和前端开发技术资讯等,主攻前后端分离技术;分享个人经历。

Prev前后端分离(1)—Vue新手教程简介
Next前后端分离(3)—创建项目,集成ant.design

发表评论

评论列表

暂无评论