美文网首页
vue后台管理系统实战总结(一)

vue后台管理系统实战总结(一)

作者: 小_花花哟 | 来源:发表于2017-11-30 15:17 被阅读0次

    最近由于公司业务需要,所以采用了当下较为流行的vue.js来完成了一个较小的后台管理系统,虽说项目不太大,但是麻雀虽小,五脏俱全;下面就总结一下我在项目中用到的技术以及踩过的坑吧~

    一,构建项目;

    做项目前我们首先需要构建项目,我的项目也是采取了webpack+vue-cli这一比较流行的构建方式;

    1.安装node:

    可以去node官网直接下载然后安装(官网地址:http://nodejs.cn/)

    安装完以后可以在cmd内输入node -v来查看是否安装成功以及查看node的版本;同时也可以通过npm -v 来查看npm的版本和是否已经安装成功;

    2.安装webpack:

    在做完第一步的时候可以直接在cmd内通过npm install webpack -g 来全局安装webpack;同理通过webpack -v来查看是否安装成功以及webpack的版本;

    3.这一步我们就来安装vue项目的脚手架vue-cli :

    直接在cmd内输入npm install -g vue-cli;全局安装;通过vue来查看是否已经安装成功;

    4.如果安装成功 那么你就可以构建你的第一个vue项目了;

    在命令行中打开你要存放项目的地址;然后输入vue init webpack my-project(随便起名,这就是你的项目名称)

    如上图第一个vue项目就已经构建成功了,这里建议除了vue-router以外,别的都是no;

    cd xxx(项目名)回车;再npm install 安装依赖包;如果安装完的话可以通过 npm run dev来启动项目

    相关文章

      网友评论

          本文标题:vue后台管理系统实战总结(一)

          本文链接:https://www.haomeiwen.com/subject/yypvbxtx.html