快速使用vue和element-ui开发前端页面

1.开发前的准备工作

1.1首先安装node.js和npm，npm推荐淘宝镜像安装

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

node.js直接傻瓜式安装 

 

1.2全局安装vue-cli

npm install vue-cli -g

 

1.3全局安装webpack。

npm install webpack -g

 

1.4查看版本

node -v  

npm -v

cnpm -v

 

1.5查看npm默认安装路径

npm config get prefix

 

2.快速创建element ui开发程序

1.webpack创建vue脚手架

vue init webpack my-project

 

2.安装路由到文件

npm install vue-router  --save-dev 

 

3.安装axios

npm install  --save axios vue-axios

 

4.安装elemen-ui

npm i element-ui  -S

 

5.安装依赖

npm  install

 

6.安装sass加载器

cnpm install sass-loader node-sass  --save-dev

 

7.vue cli中 import Use依赖

8.启动测试

npm run dev