微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

记录vue-cil+elementUI搭建后台项目流程

记录vue-cil+elementUI搭建后台项目流程

一、搭建环境

1、安装node.js http://nodejs.cn.
验证node安装成功了没有,输入 node -v ,回车,会输出node的版本号,表示安装成功


由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,
npm install -g cnpm --registry=https://registry.npm.taobao.org;
2、安装vue-cil
cnpm install --global vue-cli
验证是否安装成功,在命令输入vue -V,回车,输出版本号表示安装成功

在这里插入图片描述

二、初始化项目

  1. vue init webpack vue-elementui(项目名称
    一路回车,这里的选择看自己项目需要

    在这里插入图片描述

  2. 安装依赖:cnpm install

    在这里插入图片描述

  3. 启项目:npm run dev

    在这里插入图片描述


    在浏览器打开地址即可访问

三、安装及引入项目所需依赖

  1. 安装
npm i axios  -S
npm i element-ui -S
npm i vuex -S
npm install less less-loader --save-dev
//i为install简写  -S为--save-dev简写
//据说使用简写会有一定差别,但暂未发现

安装完成后在配置文件packjosn.js中会看到相关版本信息

在这里插入图片描述

  1. 在main.js中引入

在这里插入图片描述

四、打包

npm run build

打完包目录就会出现此文件

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐