记录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,回车,输出版本号表示安装成功
二、初始化项目
- vue init webpack vue-elementui(项目名称)
一路回车,这里的选择看自己项目需要
- 安装依赖:cnpm install
- 启项目:npm run dev
在浏览器打开地址即可访问
三、安装及引入项目所需依赖
- 安装
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中会看到相关版本信息
- 在main.js中引入
四、打包
npm run build
打完包目录就会出现此文件夹
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。