Vue-cli安装，创建vue脚手架项目

node安装

node.js官方下载地址: 点击下载

 node.js下载完成后，傻瓜是安转 建议不要装系统盘

1.安装cnom镜像

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

 cnpm get registry   可以查询当前镜像地址

cnpm config set registry http://registry.npm.taobao.org   修改当前镜像地址（建议吧镜像地址修改为这个）

2.Vue-cli安装 

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 工程化项目

1.打开Visual Studio 找到终端 新建终端

 2.在控制台输入 cnpm install -g @vue/cli@4.1.1 然后回车

 3.检查是否安装完成  vue-V 或者  vue --version

这些步骤也可以在黑窗口执行 

3.创建Vue项目 

1.在控制台输入 vue create name  （name 创建项目的名称）

1 |     vue create yuan   这里我的项目名称是（yuan）

 然后回车 

 这里我们选择 Manually select features （手动选择）然后回车

 选择这三个 然后回车 （这里空格是选择或者取消选择）

 这里 选 n 回车

 然后选择 In package.json 回车

 选择  n  回车

 表示正在执行请稍等 

 然后启动项目 

 回车

回车 

 然后再浏览器输入  http://localhost:8080/（如上图）呈现（下图） Vue项目创建成功

 1.在 Vue脚手架中 要想使用  Element 首先需要 安装  npm i element-ui -S

打开控制台输入npm i element-ui -S 回车

 然后再 main.js中添加

import axios from 'axios'//设置路径的默认前缀
axios.defaults.baseURL="http://localhost:9090"
//把axios挂载到vue对象
Vue.prototype.$http=axios;

2.下载 axios 

后台输入 

npm i --save axios  或者 npm i  axios （这两个都一样 ，输入那个都可以）

 然后再main.js中加入

import axios from 'axios'//设置路径的默认前缀
axios.defaults.baseURL="http://localhost:9090" // 这里可以根据自己实际情况设置
//把axios挂载到vue对象
Vue.prototype.$http=axios;