其他分享
首页 > 其他分享> > 记录vue-cil+elementUI搭建后台项目流程

记录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

打完包目录就会出现此文件夹
在这里插入图片描述

标签:npm,node,vue,elementUI,--,cil,install,安装
来源: https://blog.csdn.net/qq_44854653/article/details/116747497