前后端分离(2)—Vue脚手架教程 - 前端劝退师

前后端分离(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报错。

本文最后更新于2019-7-30,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏
未经允许不得转载:

作者: 前端劝退师, 转载或复制请以 超链接形式 并注明出处 前端劝退师
原文地址: 《前后端分离(2)—Vue脚手架教程》 发布于2019-7-30

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏