详解使用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 相关文章推荐
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
JS组件Bootstrap Select2使用方法详解
Apr 17 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
Vue.extend构造器的详解
Jul 17 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
关于vue单文件中引用路径的处理方法
Jan 08 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
Dec 05 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
vue.js循环radio的实例
Nov 07 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
Cakephp 执行主要流程
2010/03/24 PHP
PHP用身份证号获取星座和生肖的方法
2013/11/07 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
JavaScript实现文字与图片拖拽效果的方法
2015/02/16 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
Bootstrap所支持的表单控件实例详解
2016/05/16 Javascript
利用Angularjs和Bootstrap前端开发案例实战
2016/08/27 Javascript
Bootstrap 实现查询的完美方法
2016/10/26 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
js随机生成一个验证码
2017/06/01 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
2019/05/14 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
Python中下划线的使用方法
2015/03/27 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
python学生管理系统开发
2019/01/30 Python
Python tkinter和exe打包的方法
2020/02/05 Python
Python基于httpx模块实现发送请求
2020/07/07 Python
Mio Skincare法国官网:身体紧致及孕期身体护理
2018/04/04 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
会计毕业生自荐信
2013/11/21 职场文书
房屋改造计划书
2014/01/10 职场文书
标准自荐信范文
2014/01/29 职场文书
毕业论文评语大全
2014/04/29 职场文书
村党支部公开承诺书
2014/05/29 职场文书
2014年国庆节演讲稿
2014/09/19 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
保管员岗位职责
2015/02/14 职场文书
求职信范文怎么写
2015/03/19 职场文书
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript