• 编码工具：VSCode 轻量级、webStorm
• 依赖工具：NPM
• 构建工具：VUECli

相关命令

• 查看 node 版本：node -v
• 查看 vue 版本： vue -V（这里是大V） 前端 vue 通过 vue cli 创建的

1. 安装 npm

npm 全称为 Node Package Manager，是一个基于 Node.js 的包管理器，也是整个 Node.js 社区最流行、支持的 第三方模块最多的包管理器。

npm -v

2. 由于网络原因 安装 cnpm npm install -g cnpm --registry=https://registry=https://registry.npm.tabao.org

npm设置淘宝镜像加速： npm config set registry https://registry.npm.taobao.org

3. 安装 vue-cli cnpm install -g @vue/cli

4. 安装 webpack cnpm install -g webpack webpack 是 JavaScript 打包器（module bundler）

• 创建一个项目：vue create business-ui 选择：baber router 去掉 hint，选择 vue2.x
• 安装 element-ui： npm i element-ui -s
• main.js 添加：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

• 安装 axios: npm install axios --save
• 安装 echart: npm install echart vue-echart --save