使用vue框架

0.安装淘宝镜像

npm install cnpm -g

1.安装 vue

cnpm install vue

2.安装vue脚手架

cnpm install -g @vue/cli

更新
cnpm i -g @vue/cli

3.创建项目 vue

vue create 项目名称

进入项目

4.安装element-ui

cnpm i element-ui -S

在main.js中引入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

5.安装Axios 

cnpm i --save axios

在main.js中引入

import axios from 'axios';

Vue.prototype.axios = axios;


cnpm axios --save-dev    -------安装到开发环境中
cnpm axios --save        -------安装到生产环境中

vue和element-ui这种实际运行会调用，需要写到生产环境中

6.打开项目

右击package.json，选择 Show npm Script，出来那npm窗口后点击serve就能运行了(如果之前没有错误操作的话大概率能成)

 

 运行成功后会出现网址，点击进去能看到网页就成功了。