vue-cli创建项目

node官网地址: https://nodejs.org/zh-cn/

  1. 确保你的node安装好了 windows直接去官网下载安装即可 小白就不要随便修改安装路径以免后期升级出现莫名其妙的bug。

  2. linux 先去官网看下LTS最新的版本 然后执行以下命令:
    wget https://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-linux-x64.tar.xzwget
    xz -d node-v8.9.3-linux-x64.tar.xz 或者 tar -xzvf node-v8.9.3-linux-x64.tar.gz,
    tar -xvf node-v8.9.3-linux-x64.tar,
    ln -s /root/node-v8.9.3-linux-x64/bin/node /usr/local/bin/node,
    ln -s /root/node-v8.9.3-linux-x64/bin/npm /usr/local/bin/npm。

  3. 安装vue:
    在Vue 官网中对安装做出了详细介绍
    vue-cli创建项目

  4. vue-cli是一个快速搭建项目的命令行工具,当你允许vue init webpack my-project(项目名称)后会出现几个选择 如下图
    vue-cli创建项目
    1-5一路回车即可 第6个是问你是否启用代码检查eslint 看个人习惯 这里手误开启后在项目中也可以设置关闭 最后会问你是用npm 还是 yarn 安装 看个人网速选择]

  5. 安装完成后cd my-project 进入项目 运行npm run dev出现以下界面即启动成功
    vue-cli创建项目
    vue-cli创建项目

集成权限管理及动态加载路由的后台管理系统地址