码迷,mamicode.com
首页 > Web开发 > 详细

使用vue1.0+es6+vue-cli+webpack+iview-ui+jQuery 撸一套高质量的后台管理系统

时间:2017-01-07 13:12:00      阅读:567      评论:0      收藏:0      [点我收藏+]

标签:添加   官网   pre   html   install   nod   官方   images   pac   

首先按照vue.js官网的指令安装;

1、本地安装好node.js

2、根据官方命令行工具 详情

技术分享

 这样一个官方的脚手架工具就已经搭建好了;但是有一点需要注意的是由于现在按照官方的搭建方法是搭建vue2.0如果我们是新手想先搭建1.0的该如何呢。很简单:vue init webpack#1.0 my-project 就好了

开始搭建我们需要的东西了;

在package.json中我们可以看到 我们的

dependencies下面有一个vue1.0.28的版本信息;
这里面集成的是vue的信息;我们可以添加一些我们需要的插件进去;

技术分享

如上图所示;

来看下main.js里面的东西吧

技术分享

再来看看router.js的配置信息;

技术分享

因为后天管理系统项目需求,我这边用到了嵌套路由;

大概的配置信息就是如此;写的不好。请勿喷。


使用vue1.0+es6+vue-cli+webpack+iview-ui+jQuery 撸一套高质量的后台管理系统

标签:添加   官网   pre   html   install   nod   官方   images   pac   

原文地址:http://www.cnblogs.com/Xmb-To/p/6259032.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!