资讯专栏INFORMATION COLUMN

使用VUE搭建后台管理系统(使用vue-cli搭建框架)

sixgo / 3312人阅读

摘要:接触已经几个月了,已经完成了一个后台管理系统,一个商城系统。今天决定总结一下之前的零散的知识点,在此开一个系列,自己也从头开始完成一个后台管理系统的搭建,并放在中供大家参考。启动项目根据提示访问即可打开新创建的应用。

接触VUE已经几个月了,已经完成了一个后台管理系统,一个商城系统。今天决定总结一下之前的零散的知识点,在此开一个系列,自己也从头开始完成一个后台管理系统的搭建,并放在github中供大家参考。

安装vue-cli

使用npm全局安装vue-cli,之后可以通过vue命令查看是否安装成功;下图是安装好vue-cli查看的情况。

npm install vue-cli -g

使用vue-cli初始化一个vue项目
vue init webpack vueAdmin
npm install

使用vue-cli进行项目初始化的时候,可以使用github上的模板;如果是安装标准模板则使用以上命令。具体的参数就不一一解释了,网上都能百度到,这里只做我完成项目的历程。

启动项目
npm run dev

根据提示,访问localhost:8888,即可打开新创建的vue应用。当然我这里的端口是自行分配的,如果需要修改在config/index.js中修改dev中的port参数即可。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95891.html

相关文章

  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0
  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    khs1994 评论0 收藏0
  • 使用VUE搭建后台管理系统(vue-cli更新至3.0)

    摘要:最近还没来得及更新文章,就发现已经更新到版本了。安装成功启动的指令和相比有了些修改不过我们现在可以通过图形化界面进行启动启动之后照例访问即可访问新建的项目 最近还没来得及更新文章,就发现vue-cli已经更新到3.0版本了。 //想了想还是用升级吧,反正最终都逃不掉,不如在这个项目上实验一下3.0的威力(并不会)。 升级vue-cli npm install -g vue@cli v...

    KitorinZero 评论0 收藏0
  • 从0搭建vue后台管理项目到颈椎病康复指南(一)

    摘要:搭建项目前准备工作首先你需要一台电脑,建议做开发的电脑最好是内存以上最佳,土豪随意。技术栈本次搭建主要采用开始搭建创建项目文件夹个人比价喜欢使用创建文件夹,毕竟接下来下载官方脚手架还是的用。 网上搜索了很久Vue项目搭建指南,并没有找到写的比较符合心意的,所以打算自己撸一个指南,集合众家之所长(不善于排版,有点逼死强迫症,如果觉得写的有问题,可以留言斧正,觉得写的太差的,可以留言哪里差...

    fyber 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<