使用vue-cli搭建element-ui项目

最近在使用element-ui搭建项目时发现若只纯用webpack来运行element-ui,要配置各种文件,对于新手来说实在太不友好了,

就想到用vue-cli来搭建整个vue项目

1.安装node.js

2.安装webpack

全局安装 webpack命令

 npm install webpack -g

3.安装淘宝镜像【网速快的童鞋可以省略此步】

1 npm install -g cnpm --registry=https://registry.npm.taobao.org

4.vue脚手架全局安装 -- 用于生成vue模板

npm install -g vue-cli

把它理解成让你不需要为编译或其他琐碎的事情而浪费时间,帮助你快速开始一个vue项目,其实其本质就是给你一套文件结构,包含基础的依赖库

5.使用脚手架构建vue项目 -- 一路回车就行了

vue init webpack

6.element-ui安装

扫描二维码关注公众号,回复: 2999514 查看本文章
npm i element-ui

7.依赖安装

npm install

8.运行项目

npm run dev

运行成功!

猜你喜欢

转载自www.cnblogs.com/zhixi/p/9570624.html