详解使用VUE搭建后台管理系统(vue-cli更新至3.0)


Posted in Javascript onAugust 22, 2018

最近还没来得及更新文章,就发现vue-cli已经更新到3.0版本了。

//想了想还是用升级吧,反正最终都逃不掉,不如在这个项目上实验一下3.0的威力(并不会)。

升级vue-cli

npm install -g vue@cli
vue -V

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

使用图形化界面创建项目

这里需要到自定义目录下,方便以后的项目管理;执行命令后,会打开一个localhost:8080的窗口,是vue项目的图形化管理界面

cd targetFolder
vue ui

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

创建新项目

这里不一一介绍了,随便截了两张图看看

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

这里配置可以通过预设,也可以使用默认,之后再添加;我这里自己保存了一套自己常用的预设配置,之后就开始安装项目所需依赖。

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

安装成功

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

vue-cli3.0启动的指令和2.0相比有了些修改

cnpm run dev ==> cnpm run serve

不过我们现在可以通过图形化界面进行启动

详解使用VUE搭建后台管理系统(vue-cli更新至3.0)

启动之后照例访问localhost:8080即可访问新建的项目

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
setAttribute 与 class冲突解决
Feb 17 Javascript
jQuery textarea的长度进行验证
May 06 Javascript
jquery重复提交请求的原因浅析
May 23 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
jQuery实现元素的插入
Feb 27 Javascript
Angular.js基础学习之初始化
Mar 10 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Jul 31 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 #Javascript
微信小程序有旋转动画效果的音乐组件实例代码
Aug 22 #Javascript
vue2.0 下拉框默认标题设置方法
Aug 22 #Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 #Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 #jQuery
js动态设置select下拉菜单的默认选中项实例
Aug 21 #Javascript
Canvas实现微信红包照片效果
Aug 21 #Javascript
You might like
php获取301跳转URL简单实例
2013/12/16 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
php+mysql不用递归实现的无限级分类实例(非递归)
2014/07/08 PHP
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
PHP框架Swoole定时器Timer特性分析
2014/08/19 PHP
php实现的操作excel类详解
2016/01/15 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
上传图片js判断图片尺寸和格式兼容IE
2014/09/01 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
JavaScript中的Array 对象(数组对象)
2016/06/02 Javascript
JavaScript职责链模式概述
2016/09/17 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
2018/01/12 Javascript
vue与原生app的对接交互的方法(混合开发)
2018/11/28 Javascript
python读写文件操作示例程序
2013/12/02 Python
Python实现句子翻译功能
2017/11/14 Python
详解Python基础random模块随机数的生成
2019/03/23 Python
python交互模式下输入换行/输入多行命令的方法
2019/07/02 Python
numpy数组广播的机制
2019/07/12 Python
python如何实现数据的线性拟合
2019/07/19 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
HTML5新特性之用SVG绘制微信logo
2016/02/03 HTML / CSS
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
秘书专业自荐信范文
2013/12/26 职场文书
给儿子的表扬信
2014/01/15 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
python脚本框架webpy的url映射详解
2021/11/20 Python
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技